Prodotti, coupon e carrello

Con i prodotti e gli ordini del tuo negozio in Emailit (vedi E-commerce), le email delle campagne e delle automazioni possono mostrare prodotti, dare a ogni destinatario il proprio codice coupon, elencare cosa c’è nel suo carrello e usare il suo storico degli acquisti. Ogni tag di questa pagina funziona nell’oggetto, nell’HTML e nella versione in testo semplice, e viene compilato per ogni destinatario quando viene creata l’email.

Aggiungi un blocco nell’editor

Nel passaggio Content della procedura guidata, seleziona Products & coupons. Scegli prodotti, un coupon, il carrello o i dati del cliente, regola le opzioni, seleziona Copy e incolla il tag nel contenuto. Negli editor di testo formattato e Dragit, anche il menu delle variabili elenca tag e-commerce pronti.

Il resto della pagina descrive i tag veri e propri, per l’editor HTML, l’API e i template delle automazioni.

Griglie di prodotti

{{products}} inserisce una griglia di schede prodotto con un’immagine, il titolo, il prezzo (con il prezzo precedente barrato quando il prodotto è in saldo) e un pulsante:

{{products source="best_sellers" limit="3"}}
{{products source="recently_viewed" limit="4" fallback="best_sellers" button="View"}}
{{products "on_sale"}}

Una parola iniziale tra virgolette è la forma breve di source.

I feed saltano i prodotti archiviati e quelli con giacenza pari a 0, tranne last_order.

Fonti

Il tuo layout

Per progettare tu le schede, scorri un feed con {{#each}}. All’interno del ciclo, usa i campi del prodotto:

{{#each products.recommended limit="3" fallback="best_sellers"}}
  <a href="{{url}}"><img src="{{image_url}}" alt="{{title}}" width="180"></a>
  <p>{{title}}: {{price_formatted}}{{#if on_sale}} <s>{{compare_at_price_formatted}}</s>{{/if}}</p>
{{/each}}

Usa {{#if products.recently_viewed}}...{{/if}} per mostrare una sezione solo quando un destinatario ha prodotti in un feed. I dati dei prodotti subiscono l’escaping HTML, quindi il titolo di un prodotto non può rompere l’email.

Codici coupon

{{coupon "key"}} inserisce un codice del coupon con quella chiave:

<p>Here's 10% off your next order: <strong>{{coupon "welcome10"}}</strong></p>

• Un coupon unique codes dà a ogni destinatario il proprio codice, preso dal suo pool. Un destinatario mantiene lo stesso codice in ogni email della stessa campagna o automazione, compresa la versione web.
• Un coupon one code for everyone inserisce il suo codice per tutti.
• Quando il pool di un coupon a codici unici è vuoto o il coupon è scaduto, i destinatari ricevono il suo codice di riserva, o niente se non ne ha uno.
• Le anteprime e le email di prova mostrano un esempio come WELCOME10-PREVIEW e non consumano codici.
• Una chiave sconosciuta non produce nulla.

{{coupon.welcome10}} è lo stesso codice come variabile, ad esempio in {{#if coupon.welcome10}}.

Il carrello

{{cart}} inserisce il carrello aperto del destinatario: ogni articolo con immagine, quantità e prezzo, il totale e un pulsante Return to your cart che porta all’URL di checkout del carrello. Imposta button e button_color come nelle griglie di prodotti. Quando il destinatario non ha un carrello aperto, non produce nulla.

Per un layout tutto tuo, usa le variabili del carrello:

{{#if cart}}
  <p>You left {{cart.item_count}} items ({{cart.total_formatted}}) in your cart.</p>
  {{#each cart.items}}<p>{{quantity}} × {{title}}: {{line_total_formatted}}</p>{{/each}}
  <a href="{{cart.checkout_url}}">Complete your order</a>
{{/if}}

cart ha id, total, total_formatted, currency, checkout_url, item_count e items. Ogni articolo ha i campi del prodotto visti sopra, più quantity, line_total e line_total_formatted. Il carrello è il carrello attivo o abbandonato più recente del contatto, quindi in un’automazione per il carrello abbandonato è il carrello che è stato abbandonato.

Dati del cliente

{{#if customer.is_customer}}Thanks for being a customer since {{customer.first_order_at}}.{{else}}Your first order ships free.{{/if}}

Versione web

{{webview_url}} porta a una versione web dell’email, elaborata per quel destinatario con gli stessi prodotti, carrello e codice coupon. Usalo per un link «Visualizza nel browser».

Vedi anche