Automatisation
Concevoir la page d'offre
Les blocs que vous pouvez ajouter, les variables de texte que chaque offre remplit, pourquoi les boutons sont fixes, et l'écran de remerciement.
La page d’offre est ce que votre client voit après avoir payé. Vous la concevez une seule fois, dans Settings → Post-purchase (Paramètres → Post-achat), et la mise en page s’applique à chaque offre. Chaque offre la remplit avec ses propres produits, sa réduction et ses textes.
Les blocs
Cliquez sur Add widget (Ajouter un widget) pour ajouter un bloc, glissez les blocs dans l’ordre voulu dans la barre latérale, et cliquez sur un bloc pour le modifier. L’aperçu se met à jour au fur et à mesure.
| Bloc | Ce que vous pouvez régler |
|---|---|
| Banner (Bannière) | Un Title (titre), une Description et un Subtext (sous-texte) pour chaque type de réduction (Percentage, Fixed amount, Buy X Get Y, Free shipping), pour que chaque type de réduction ait sa propre formulation. Shopify exige que la bannière nomme le produit et la réduction : si, à eux deux, le Title et la Description ne contiennent pas {{offer_product}} et {{offer_value}} (pour Free shipping, les mots “free shipping”), les clients voient la description par défaut à la place. Show “Offer 1 of N” progress ajoute le compteur d’étapes. |
| Text (Texte) | Text content (contenu du texte), et un Level (niveau) : large, medium ou small heading (grand, moyen ou petit titre). Un bloc Text vide n’est pas affiché. |
| Product card (Fiche produit) | Headline (titre), Display layout (List ou Grid), Show SAVE badge (afficher le badge SAVE), Show “Picked for you” line (afficher la ligne « Picked for you ») et Show product description (afficher la description du produit). |
| Status banner (Bandeau de statut) | Un message avec une Status color (info, success, warning ou critical) et une icône facultative. Si son Text contient {{offer_duration}}, il devient un compte à rebours, et l’offre se ferme comme refusée lorsqu’il arrive à zéro. Sur une offre sans compte à rebours, ce bandeau n’est pas affiché. Un Status banner vide n’est pas affiché non plus. |
| Image | Une Image URL : un lien https vers un fichier .jpg, .png, .gif, .webp, .avif ou .svg, par exemple depuis Contenu → Fichiers (Content → Files) dans votre admin Shopify. L’éditeur vous avertit pour tout autre lien, et les clients ne le voient pas. |
| Buttons (Boutons) | La Charge note (mention des frais) sous les boutons. Videz-la pour n’afficher aucune mention. |
| Thank-you screen (Écran de remerciement) | Headline, Subtext, Show “Added to your order” banner et le Button label (texte du bouton). |
La mise en page par défaut comprend une bannière, la fiche produit, les boutons et l’écran de remerciement.
Shopify exige que chaque page d’offre ait une bannière en haut, les produits, et une paire de boutons Accepter et Refuser, la page les conserve donc toujours.
- Une bannière, en haut. L’éditeur la garde à cet endroit : elle ne peut pas être supprimée, déplacée plus bas ni ajoutée deux fois.
- Les produits. Le dernier bloc Product card ne peut pas être supprimé. Vous pouvez en ajouter un deuxième.
- Une paire de boutons. Le bloc Buttons ne peut pas être supprimé ni ajouté deux fois.
Lorsqu’une action enfreindrait l’une de ces règles, l’éditeur la refuse et vous explique pourquoi. Une mise en page enregistrée avant ces règles est corrigée lorsque vous l’ouvrez.
L’aperçu montre la page telle que les clients la voient. Un bloc vide indique “Empty Text block — not shown to customers” ou “Empty Status banner — not shown to customers”, un lien d’image que le passage en caisse n’affichera pas indique “This image link won’t show at checkout”, et les prix sont dans la devise de votre boutique.
Les prix et le bouton Pay s’affichent dans la devise dans laquelle le client a payé.
Variables de texte
Utilisez-les dans les blocs Banner, Text et Status banner. Chaque offre remplit ses propres valeurs :
| Variable | Devient |
|---|---|
{{offer_value}} | La valeur de la réduction, par exemple 20. Sur une offre sans réduction, un texte qui l’utilise n’est pas affiché (un texte de Banner revient à son texte par défaut). |
{{offer_type}} | Le type de réduction : Percentage, Fixed amount, Buy X Get Y ou Free shipping |
{{offer_product}} | Le nom du produit offert, ou celui du cadeau pour achetez X obtenez Y |
{{offer_getQuantity}} | Le nombre de cadeaux qu’une offre achetez X obtenez Y donne, 1 si ce n’est pas défini |
{{offer_minQuantity}} | Le nombre minimal d’articles dans la commande, selon la règle de quantité de l’offre, ou 1 si l’offre n’en a pas |
{{offer_duration}} | Le compte à rebours en direct, selon la Duration (minutes) (durée en minutes) de l’offre |
Exemple : Get {{offer_value}}% off {{offer_product}} donne “Get 20% off The Complete Snowboard”.
Un texte qui utilise {{offer_duration}} ne s’affiche que lorsque l’offre a un compte à rebours, pour que les clients ne voient jamais une échéance qui n’est pas réelle. Sans compte à rebours, le bloc Text et le Status banner sont masqués, un sous-texte de Banner est omis, et un titre ou une description de Banner revient à son texte par défaut. Une offre avec compte à rebours affiche toujours une horloge : si aucun de vos textes n’utilise {{offer_duration}}, la bannière ajoute “Offer ends in” avec le temps restant.
Les boutons
Les boutons indiquent Add to my order · Pay $X (Ajouter à ma commande · Payer X $) et No thanks, complete my order (Non merci, terminer ma commande), avec le total exact. Avant que le client choisisse un produit, le premier indique Select a product first (choisissez d’abord un produit); pendant que Shopify recalcule le total, il indique Calculating total… (calcul du total…) et ne peut pas être cliqué. Les directives de Shopify demandent un libellé clair du type « payer maintenant » accompagné du prix, ces textes sont donc fixes. Vous pouvez modifier la Charge note (mention des frais) en dessous. Par défaut, elle indique “Charged to the card used for this order.”
L’écran de remerciement
Après la dernière offre, le client voit un court écran de remerciement avant sa page de statut de commande. Les textes par défaut sont “Thank you! Your order is complete.” et “A confirmation email is on its way.” Lorsque Show “Added to your order” banner est activé, l’écran confirme aussi ce que le client a ajouté et le nouveau total de sa commande.
Enregistrement
Cliquez sur Save (Enregistrer). La nouvelle mise en page s’affiche au prochain passage en caisse. Votre mise en page enregistrée n’est jamais remplacée par celle par défaut : si l’éditeur ne parvient pas à la charger, Save reste désactivé jusqu’à ce qu’il y parvienne.
Suivant : Analytique →