Modèle de courriel des paniers abandonnés

Nous utilisons ce modèle pour les courriels de récupération de paniers abandonnés, qui sont envoyés à partir des détails d'un panier abandonné dans votre tableau de bord. Le message que vous saisissez dans les détails du panier abandonné sera automatiquement inséré dans ce modèle de courriel.

Personnaliser le modèle par défaut

Lorsque vous ouvrez l'éditeur de courriels pour la première fois, un modèle par défaut vous permet de commencer. Le courriel lié à ce modèle est envoyé à partir du tableau de bord, dans les détails d'un panier abandonné. De là, le message que vous saisissez remplacera la variable message de votre modèle. Vous aurez également accès à un objet nommé settings qui expose des informations utiles, comme une URL pour récupérer le panier abandonné, disponible via settings.cartUrl.

Si vous utilisez Snipcart sur plusieurs sites avec des domaines différents et que vous devez rediriger le client vers l'URL où il a créé son panier, vous pouvez utiliser la propriété settings.cartCreatedAtUrl au lieu de settings.cartUrl.

L'exemple d'éditeur de modèle ci-dessous inclut la variable message que vous pouvez modifier dans les détails d'un panier abandonné.

---
Subject: Some items are still in your cart on {{ settings.businessAddress.company }}!
---

<!DOCTYPE html>
<html>
<head>
</head>

<body style="font-family: Arial; font-size: 12px;">
    <div>
        <p>
            {{! You have access to the whole order information using the `order` object. Might be helpful to show some contextual information }}
            Hey {{ order.billingAddress.fullName }},
        </p>

        <p>
            We noticed you did not finish your checkout.
        </p>

        <div>
            {{! Use the variable `message` to display the message that you enter in the dashboard when consulting an abandoned cart details screen.}}
            {{{ message }}}
        </div>

        <p>
            {{! Using `settings.cartUrl` you can add a link for the customer to retrieve its cart. }}
            Follow this <a href="{{ settings.cartUrl }}">link</a> to get back to your cart instantly.
        </p>

        <p>
            If you have any questions, just hit reply.
        </p>

        <p>
            Thanks for shopping with us!
        </p>
    </div>
</body>
</html>

Le modèle reçoit :

Variable	Type	Notes
`context`	string	`Email`, `Pdf` ou `Html`.
`settings`	object	Paramètres de la boutique — voir Settings. `settings.cartUrl` (et `settings.cartCreatedAtUrl`) ramènent le client à son panier.
`order`	Order	La commande abandonnée.
`message`	string	Le message personnalisé que vous saisissez dans les détails du panier abandonné.

Ce à quoi vous avez accès

Chemin	Type
`order`	Order
`order.items[]`	Item
`order.billingAddress`	Address
`order.shippingAddress`	Address
`order.summary`	Summary
`order.summary.taxes[]`	Tax
`order.discounts[]`	Discount
`order.customFields[]`	CustomField
`order.refunds[]`	Refund

Exemple minimal

{
  "context": "Email",
  "message": "You left some items in your cart!",
  "settings": {
    "businessAddress": { "company": "snipcart.com" },
    "cartUrl": "https://snipcart.com?snipcart_token=...#!/cart"
  },
  "order": {
    "email": "john.doe@example.com",
    "billingAddress": { "fullName": "John Doe" },
    "items": [{ "name": "Geek T-Shirt", "quantity": 2, "totalPrice": 100 }]
  }
}