> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Barre di avanzamento e badge prodotto

> Questo articolo illustra come funzionano le funzionalità Barra di avanzamento e badge prodotto.

Puoi trovare queste funzionalità nell'**editor degli upsell in 1 clic**, nella barra laterale sinistra sotto il gruppo **Funnel-wide widgets** (che contiene la barra di avanzamento e il widget Badge):

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif?s=d42039add0fe9339dc962050863a57de" alt="Barra laterale dell'editor degli upsell che evidenzia la barra di avanzamento dei Funnel-wide widgets e il nuovo widget Badge" width="628" height="1080" data-path="images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif" />

<div id="progress-bars">
  ## Barre di avanzamento
</div>

Il widget **Funnel-Level** ti permette di aggiungere una barra di avanzamento a un upsell e di applicarla automaticamente a tutti gli upsell dello stesso funnel. Questo garantisce un'esperienza coerente tra le offerte, riducendo al contempo la configurazione manuale per i merchant.

* Il widget è sempre disponibile ma contrassegnato come nascosto per le offerte e i funnel esistenti.
* È attivato per impostazione predefinita per i funnel appena creati.
* I merchant possono comunque caricare una barra di avanzamento personalizzata usando il widget **Image** se preferiscono un design personalizzato ecc.

  * Al momento non è possibile tradurre questi widget, quindi devi caricare immagini personalizzate con le traduzioni di cui hai bisogno. Le traduzioni e altre opzioni saranno disponibili presto!

<div id="settings">
  ### Impostazioni
</div>

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif?s=7a5dc519652c75d2f4e777638fc69f5c" alt="Pannello Edit Progress Bar Widget con controlli di stile, aspetto e padding accanto all'anteprima dell'offerta" width="3016" height="1080" data-path="images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif" />

<div id="style">
  ### Stile
</div>

Minimal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-style-milestones.gif?s=19441a6c6391cfd9a2a191e6507c1303" alt="Barra di avanzamento in stile Minimal con icone di carrello, dollaro, regalo e spunta senza etichette" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-style-milestones.gif" />

Minimal with labels

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-with-labels.gif?s=ee539f91e8f8bad682ec8f152e2bfc6e" alt="Barra di avanzamento Minimal with labels con le tappe Cart, Order placed e Done" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-with-labels.gif" />

Maximal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-maximal-style-milestones.gif?s=c480f2cb09be0ca53092012ef4e46357" alt="Barra di avanzamento in stile Maximal con icone delle tappe carrello, dollaro, regalo e spunta" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-maximal-style-milestones.gif" />

<div id="appearance">
  ### Aspetto
</div>

Black

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-black-appearance-preview.gif?s=a0e842d84eac6215cfb7846a08123309" alt="Barra di avanzamento con aspetto Black mostrata sopra l'anteprima dell'offerta di upsell" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-black-appearance-preview.gif" />

White

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-white-appearance-preview.gif?s=d46a16dc9b27572e3542674cd4ed8983" alt="Barra di avanzamento con aspetto White mostrata sopra l'anteprima dell'offerta di upsell" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-white-appearance-preview.gif" />

***

<div id="product-badges">
  ## Badge prodotto
</div>

I **badge prodotto** permettono ai merchant di mettere in evidenza dettagli chiave del prodotto direttamente sull'offerta. Questi badge aiutano ad attirare l'attenzione su funzionalità o offerte importanti, aumentando la visibilità e la fiducia dell'acquirente.

* Disponibili come opzione su ogni prodotto.
* I merchant possono caricare i propri badge personalizzati.
* Colori, testo e icone al momento non possono essere modificati, ma presto saranno disponibili template personalizzabili.

<div id="settings-2">
  ### Impostazioni
</div>

<div id="badge-labels-options">
  ## Opzioni delle etichette dei badge:
</div>

* **Bestseller** - Ideale per mettere in evidenza i prodotti con le vendite più alte o le prestazioni migliori per aumentare la fiducia e la riprova sociale.
* **Trending** - Ottimo per mostrare i prodotti che stanno guadagnando popolarità o registrano un alto coinvolgimento.
* **New** - Perfetto per attirare l'attenzione su prodotti o offerte appena lanciati.
* **Lowest Price** - Utile per promuovere articoli scontati o con il miglior rapporto qualità-prezzo per incoraggiare conversioni rapide.
* **Ships Free** - Perfetto per enfatizzare le offerte di spedizione gratuita, aiutando a ridurre le esitazioni all'acquisto.

<div id="appearance-options">
  ## Opzioni di aspetto
</div>

I badge sono disponibili in quattro stili di aspetto per adattarsi a diversi design di funnel ed estetiche di brand:

* **Vibrant** - Brillante e accattivante, ideale per attirare l'attenzione immediata sulle offerte chiave.
* **Vibrant Inverse** - Una variante di Vibrant con colori invertiti per un contrasto più deciso.
* **Classic Dark** - Pulito e professionale, ideale per sfondi chiari.
* **Classic Light** - Sobrio e minimale, pensato per sfondi scuri o un look più delicato.

<div id="position-in-offer">
  ## Posizione nell'offerta
</div>

I badge possono essere posizionati in punti diversi del layout dell'offerta per adattarsi al meglio al tuo design e attirare l'attenzione dove è più efficace:

* **Above Product Title** - Ottimo per una visibilità immediata prima che l'acquirente legga i dettagli del prodotto.
* **Adjacent to Product Price** - Ideale per rafforzare urgenza o valore vicino al prezzo.
* **Below Product Price** - Perfetto per un messaggio discreto che supporta la decisione di acquisto senza distrarre.

***

<div id="why-it-matters">
  ## Perché è importante
</div>

Le barre di avanzamento hanno costantemente mostrato risultati positivi nel migliorare sia i ricavi per visitatore (RPV) sia i tassi di conversione per molti merchant, inclusi quelli che usano gli Smart Funnels.

Analogamente, i **badge prodotto** si sono dimostrati efficaci nel rafforzare la fiducia e la consapevolezza degli acquirenti, portando a miglioramenti misurabili nelle prestazioni complessive del funnel.