Come creare una comunicazione di checkout abbandonato Shopify

Crea la comunicazione

Per la tua nuova comunicazione, scegli il template Inspire, a tua disposizione nella libreria standard.

Stili

La comunicazione eredita gli stili del brand kit. Troverai logo, font e palette di colori già preimpostati. Per modificarli, fai clic sull’icona Stili; sulla destra apparirà la sezione che ti consentirà di intervenire sulle varie opzioni (approfondisci leggendo l’articolo Come creare una comunicazione con il template Inspire).

Prodotti del checkout abbandonato

Puoi iniziare a creare la tua comunicazione personalizzando la sezione esistente oppure aggiungendo una nuova sezione dal catalogo. Clicca sul pulsante Aggiungi sezione.

Dal catalogo seleziona la sezione Shopify e scegli l’oggetto Il tuo carrello.

Personalizza l’oggetto cliccando sull’icona di modifica.

Nel tab Layout puoi modificare la struttura dell’oggetto cambiando, ad esempio, le proporzioni delle colonne, il colore del testo, il colore di sfondo oppure, nel tab Colonne, puoi modificare il comportamento e l’aspetto delle singole colonne.

Clicca sul tab Content. Di default è flaggata l’opzione Connetti a Shopify. Seleziona Checkout - Prodotti nella select Cosa fare vedere al contatto?

Le opzioni selezionate sono già valide per visualizzare i prodotti del carrello del contatto. Sarà necessario solamente indicare il numero di prodotti da visualizzare; in base all’oggetto scelto, l’opzione Un solo prodotto per riga può essere flaggata o meno.

Clicca il pulsante Salva.

L’oggetto è già predisposto per stampare l’immagine del prodotto, il nome, il prezzo e il totale del carrello. Se vuoi personalizzare l’oggetto, clicca l’icona delle info vicino alla scritta Segnaposti del prodotto nel carrello e prendi nota dei vari segnaposto:

• [temp:item.title] Nome del prodotto
• [temp:item.varianttitle] Solo per il checkout - Nome specifico della variante inserita nel checkout
• [temp:item.description] Descrizione del prodotto. Usare [temp:item.description left='130'] per limitare la lunghezza.
• [temp:item.link] Link del prodotto su Shopify
• [temp:item.image] Immagine principale del prodotto
• [temp:item.price] Prezzo
  Esempio di formattazione: [temp:item.price maxdigits='2' mindigits='0' locale='it']
• [temp:item.usecompareatprice] Vero se il prodotto è in offerta. Da usare nelle condizioni di visibilità.
• [temp:item.compareatprice] Prezzo originale (se il prodotto è in offerta)
  Esempio di formattazione: [temp:item.compareatprice maxdigits='2' mindigits='0' locale='it']
• [temp:item.currency] Simbolo valuta
• [temp:item.quantity] Solo per il checkout - Quantità del singolo prodotto
• [temp:item.tags] Tag definiti sul prodotto Shopify
• [temp:item.hasvariants] Vero se il prodotto ha delle varianti (per taglia, colore, ecc.). Da usare nelle condizioni di visibilità.
• [temp:item.minvariantprice] Prezzo minimo delle varianti (se il prodotto ha delle varianti). Da usare per fare vedere il prezzo come "A partire da".
• [temp:item.maxvariantprice] Prezzo massimo delle varianti (se il prodotto ha delle varianti).
• [temp:item.available] Solo per il checkout - Disponibile (vero se la quantità dell'inventario è maggiore di 0).
• [temp:item.sku] SKU del prodotto (se definito su Shopify).
• [temp:item.vendor] Fornitore (se definito su Shopify).
• [temp:item.productid] ID numerico del prodotto.
• [temp:item.variantid] ID numerico della variante.

Informazioni del checkout

Come per i prodotti del checkout, inserisci una nuova sezione e scegli dal tab Shopify l’oggetto Il tuo carrello. A questo punto, dalla modifica dell’articolo, clicca sul tab Content e scegli Checkout - Info.

L’oggetto è già predisposto per stampare il totale, il numero di articoli, ecc. Se vuoi personalizzare l’oggetto, clicca l’icona delle info vicino alla scritta Segnaposto del checkout e prendi nota dei vari segnaposto:

• [temp:checkout.checkouturl] Link al checkout
• [temp:checkout.itemsqty] Articoli nel checkout
• [temp:checkout.itemscount] Prodotti nel checkout
• [temp:checkout.totalprice] Totale
  Esempio di formattazione: [temp:checkout.totalprice maxdigits='2' mindigits='0' locale='it']
• [temp:checkout.subtotalprice] Subtotale (Totale - costi di spedizione - imposte)
  Esempio di formattazione: [temp:checkout.subtotalprice maxdigits='2' mindigits='0' locale='it']
• [temp:checkout.totalitemsprice] Totale (senza sconto)
• [temp:checkout.currency] Simbolo valuta

Link al carrello

In automatico viene inserito anche il pulsante verso la pagina del carrello. Puoi cambiare il testo cliccabile e lo stile cliccando sull'icona della modifica.

Il link utilizza già il giusto segnaposto.

Visualizza anteprima

Per verificare che tutto sia stato impostato correttamente, clicca il pulsante Anteprima e poi il pulsante Personalizza.