Produits, coupons et panier

Une fois les produits et les commandes de votre boutique dans Emailit (consultez Commerce), les e-mails de campagne et d’automatisation peuvent afficher des produits, donner à chaque destinataire son propre code de réduction, lister le contenu de son panier et utiliser son historique d’achat. Toutes les balises de cette page fonctionnent dans l’objet, le HTML et la version en texte brut, et sont remplies pour chaque destinataire à la création de l’e-mail.

Ajouter un bloc dans l’éditeur

À l’étape Content de l’assistant de campagne, sélectionnez Products & coupons. Choisissez des produits, un coupon, le panier ou des données client, ajustez les options, sélectionnez Copy et collez la balise dans votre contenu. Dans l’éditeur de texte enrichi et dans Dragit, le menu des variables liste aussi des balises Commerce prêtes à l’emploi.

La suite de cette page décrit les balises elles-mêmes, pour l’éditeur HTML, l’API et les modèles d’automatisation.

Grilles de produits

{{products}} insère une grille de fiches produit avec une image, le titre, le prix (avec l’ancien prix barré quand le produit est en promotion) et un bouton :

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

Un premier mot entre guillemets est une forme courte de source.

Les flux ignorent les produits archivés et ceux dont le stock est à 0, sauf last_order.

Sources

Votre propre mise en page

Pour concevoir vous-même les fiches, parcourez un flux avec {{#each}}. Dans la boucle, utilisez les champs du produit :

{{#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}}

Utilisez {{#if products.recently_viewed}}...{{/if}} pour n’afficher une section que si un destinataire a des produits dans un flux. Les données produit sont échappées en HTML : un titre de produit ne peut donc pas casser votre e-mail.

Codes de réduction

{{coupon "key"}} insère un code du coupon qui porte cette clé :

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

• Un coupon de type Unique codes donne à chaque destinataire son propre code, tiré de sa réserve. Un destinataire garde le même code dans tous les e-mails d’une même campagne ou automatisation, y compris la version web.
• Un coupon de type One code for everyone insère son code pour tout le monde.
• Quand la réserve d’un coupon à codes uniques est vide ou que le coupon a expiré, les destinataires reçoivent son code de secours, ou rien s’il n’en a pas.
• Les aperçus et les envois de test affichent un code d’exemple comme WELCOME10-PREVIEW et ne consomment pas de codes.
• Une clé inconnue n’affiche rien.

{{coupon.welcome10}} est le même code sous forme de variable, par exemple dans {{#if coupon.welcome10}}.

Le panier

{{cart}} insère le panier ouvert du destinataire : chaque article avec son image, sa quantité et son prix, le total et un bouton Return to your cart qui renvoie vers l’URL de paiement du panier. Définissez button et button_color comme pour les grilles de produits. Quand le destinataire n’a pas de panier ouvert, la balise n’affiche rien.

Pour votre propre mise en page, utilisez les variables du panier :

{{#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 contient id, total, total_formatted, currency, checkout_url, item_count et items. Chaque article a les champs de produit ci-dessus, plus quantity, line_total et line_total_formatted. Le panier est le panier actif ou abandonné le plus récent du contact : dans une automatisation de panier abandonné, c’est donc le panier qui a été abandonné.

Données client

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

Version web

{{webview_url}} renvoie vers une version web de l’e-mail, rendue pour ce destinataire avec les mêmes produits, le même panier et le même code de réduction. Utilisez-la pour un lien « Voir dans le navigateur ».

Voir aussi