Barra spedizione gratuita per negozio online
Imposta l’importo per la spedizione gratuita e prova con il controllo del totale del carrello. La barra si riempie e il messaggio cambia quando il cliente ci arriva.
Come si usaMancano 30 € per la spedizione gratuita
Disponibile in: 
Barra spedizione gratuita per negozio online: a cosa serve
La barra della spedizione gratuita mostra al cliente quanto manca per ottenerla, e questo lo spinge ad aggiungere un altro articolo al carrello invece di rinunciare a causa della spedizione. Imposta l’importo minimo, il messaggio mentre manca (con l’importo in euro al posto di {valor}) e il messaggio al raggiungimento.
Il codice crea la funzione freteGratis(total), che chiami ogni volta che il totale del carrello cambia. La barra usa l’elemento progress e il messaggio viene annunciato agli screen reader. Prova con il controllo del totale nella pagina stessa.
Come si usa
- Imposta l’importo per la spedizione gratuita.
- Scrivi i messaggi e scegli il colore.
- Copia il codice e chiama freteGratis(total) nel carrello.
Quando usarlo
- Carrello del negozio online.
- Parte alta della pagina dei prodotti.
- Pagina di checkout.
Domande frequenti
La barra della spedizione gratuita aumenta le vendite?
Mostra quanto manca per ottenere il vantaggio, il che spinge il cliente ad aggiungere un altro articolo invece di abbandonare il carrello a causa della spedizione. Funziona meglio quando l’importo minimo è un po’ sopra lo scontrino medio del negozio.
Come collegare la barra al mio carrello?
Il codice crea la funzione freteGratis(total). Chiama questa funzione ogni volta che il totale del carrello cambia, per esempio freteGratis(87.5), e la barra e il messaggio si aggiornano. Sulle piattaforme già pronte, inserisci la chiamata nell’evento di aggiornamento del carrello.
È accessibile?
Sì. La barra usa l’elemento progress, che gli screen reader comprendono, e il messaggio sta in una regione aria-live che viene annunciata quando cambia.