Comment ajouter un lien qui applique un code de coupon à un panier Shopify

Estimé 6 minute de lecture
|
Mis à jour 1 nov. 2024, 19:03 EST
Vous apprendrez

Vous apprendrez

Apprenez à ajouter un lien dans votre e-mail qui applique un code de réduction directement au panier Shopify d'un acheteur.Le fait quele coupon soit déjà appliqué au panier permet à l'acheteur de profiter plus facilement de la réduction et d'acheter rapidement. Pour mettre en place ce système :

  1. Créez un code de réduction. Il peut être inséré comme paramètre dans un lien.
  2. Ajoutez le lien à un bouton dans votre courriel.

Lorsque l'abonné clique sur le bouton dans votre e-mail, il est redirigé vers le lien et la réduction est automatiquement appliquée à son prochain panier.

Avant de commencer

Avant de commencer

Pour ce faire, votre site Shopify doit être intégré à Klaviyo. Consultez notre guide sur l'intégration à Shopify pour obtenir des instructions détaillées sur l'intégration, si vous ne l'avez pas encore fait.

Créer un code de réduction

Créer un code de réduction

  1. Naviguez vers Content > Couponspour créer votre code de coupon. Vous pouvez créer un code statique ou des codes uniques .
    • Pour créer un code statique, rendez-vous sur Shopify et créez un code de réduction en pourcentage ou un code de réduction monétaire en fonction du type de promotion que vous souhaitez offrir.
      Page des remises dans Shopify pour la boutique SPRINGSALE affichant le code de remise, le type et la valeur de la remise, ainsi que le résumé.
    • Pour créer des codes uniques (également appelés "dynamic"), suivez les instructions décrites dans la rubrique comment créer des codes de réduction uniques pour Shopify.

      Notez que les coupons uniques doivent être importés ou créés dans Klaviyo, tandis que les coupons statiques doivent être créés dans Shopify. 

  2. Une fois le code créé, copiez-le afin de pouvoir le coller ultérieurement dans votre modèle de courrier électronique.
  3. Choisissez si vous voulez envoyer le coupon dans un flux ou un email de campagne, que vous trouverez respectivement dans l'onglet Flux ou Campagnes de Klaviyo.
  4. Ouvrez votre modèle d'e-mail dans l'éditeur. 
  5. Faites glisser et déposez un bloc de boutons dans votre modèle d'e-mail pour votre lien, s'il n'y en a pas déjà un.
  6. Collez le lien dans le champ URL du bouton (avec le code comme paramètre). Pour obtenir de l'aide sur le formatage de votre lien, lisez la section suivante.
    • Exemple de bouton avec lien :
      SHOPcart1.jpg
  7. Personnalisez le texte de votre bouton pour avertir les acheteurs de l'existence de votre coupon.
  8. Cliquez sur Enregistrer
Formats de liens pour les codes de coupon

Formats de liens pour les codes de coupon

Notez que Klaviyo ne peut pas garantir qu'un coupon sera appliqué automatiquement au moment du paiement si vous renvoyez initialement les clients à une page qui n'est pas une page de paiement ; votre site Shopify peut finir par supprimer le coupon de l'URL du site. Si vous êtes lié à une page qui n'est pas une page de paiement et que vous rencontrez ce problème, vous devez contacter le développeur de votre thème.

Appliquer un code de réduction et créer un lien vers la caisse 

Appliquer un code de réduction et créer un lien vers la caisse 

Shopify synchronise l'événement Checkout Started avec Klaviyo avec une propriété Checkout URL, qui renvoie au panier unique de chaque client. Si vous envoyez des e-mails sur le panier abandonné (déclenchés par l'événement " page de commande démarrée ") et que vous souhaitez relier un client à son panier abandonné en y ajoutant un code de réduction, ajoutez l'extrait suivant :

Structure statique des liens des coupons Shopify :

{{ event.extra.checkout_url }}&discount=CouponName

Structure de liens de coupons générés par Klaviyo :

{{ event.extra.checkout_url }}&discount={% coupon_code 'CouponName' %}

Appliquer un code de réduction à l'URL d'un événement 

Appliquer un code de réduction à l'URL d'un événement 

Pour les flux d'abandon de navigation ou d'ajout au panier, l'utilisation de {{ event.extra.checkout_url }} ne fonctionnera pas. Il s'agit de l'URL associée à une page de commande, mais les événements d'abandon de navigation et d'ajout au panier sont capturés avant que la page de commande ne soit lancée. Au lieu de cela, vous pouvez rediriger les destinataires vers une page de produit avec le code de réduction appliqué en utilisant ce qui suit, basé sur {{ event.URL }}:

{{ organization.url|trim_slash }}/discount=CouponName?redirect={{ event.URL|cut:"https://YourSite.com" }}

Veillez à remplacer CouponName par le nom de votre code de réduction, et YourSite par votre site web (par exemple, Klaviyo.com).

Appliquez un code de réduction et créez un lien vers votre page d'accueil

Appliquez un code de réduction et créez un lien vers votre page d'accueil

Vous pouvez ajouter un lien qui renvoie à votre page d'accueil et qui applique automatiquement la réduction au panier de votre client. Vous pouvez utiliser plusieurs formats :

  1. mysite.com/discount/CouponName
  2. mysite.com/?discount=NomCoupon
    Pour des codes de réduction uniques, vous pouvez utiliser : 
  3. mysite.com/discount/{% coupon_code 'CouponName' %}

Avec l'une de ces options, vous devez remplacer mysite.com par votre site web, et lorsque vous voyez CouponName, assurez-vous de le remplacer par le code de réduction que vous avez créé dans Shopify.

Par exemple, si le site web de votre marque est Klaviyo.com et que vous utilisez un code de réduction appelé WELCOME, l'URL complète seraitKlaviyo.com/discount/WELCOMEou klaviyo.com/discount/{% coupon_code 'WELCOME' %}.

Appliquer un code de réduction et créer un lien vers une autre page de votre site

Appliquer un code de réduction et créer un lien vers une autre page de votre site

Vous pouvez appliquer un code de réduction à une session d'achat, telle qu'une page de collection ou une autre page de votre site, plutôt que de renvoyer le client directement à votre page d'accueil ou de reconstituer son panier abandonné.

Dans ce cas, vous pouvez utiliser l'une des structures URL suivantes, selon que vous utilisez un code de réduction statique ou unique :

  1. mysite.com/discount/CouponName?redirect=/new-path
  2. mysite.com/discount/{% coupon_code 'CouponName' %}?redirect=/new-path

Dans l'un ou l'autre cas, remplacez la structure :

  • mysite.com avec votre site web
  • CouponName avec le nom de votre code de réduction
  • le nouveau chemin avec l'extension URL souhaitée. Par exemple, si vous souhaitez renvoyer quelqu'un à une page de collection spécifique, vous devez utiliser ?redirect=/collections/mycollection

Par exemple, si le site web de votre marque est klaviyo.com et que vous utilisez un coupon appelé WELCOME, l'URL complète serait beklaviyo.com/discount/WELCOME?redirect=/pricing ou klaviyo.com/discount/{% coupon_code 'WELCOME' %}?redirect=/pricing.

Dépannage

Dépannage

Voici quelques conseils de dépannage rapide : 

  1. Lors de la prévisualisation du message, notez qu'il n'affichera pas de coupon en direct. Au lieu de cela, vous verrez le nom de votre coupon, suivi de -PREVIEW.
  2. Si vous déclenchez un envoi en direct et que votre code de réduction ne s'applique pas automatiquement à votre panier, posez-vous les questions suivantes:
    • L'article dans le panierfait-il déjà l'objet d'une remise ? Si c'est le cas, Shopify n'autorisera pas l'ajout d'une réduction supplémentaire à la réduction existante.
    • Dans la définition du coupon, y a-t-il des produits ou des collections spécifiques auxquels le coupon s'applique, et le produit dans le panier correspond-il à la configuration ? Si le produit ne correspond pas aux règles du coupon, cela peut être le problème.
  3. Si vous testez votre lien dans un envoi en direct et qu'il n'applique pas correctement votre code de réduction, vous devez probablement ajuster le paramètre ajouté pour qu'il commence par "& " au lieu de "?".
    • En effet, "?" ne fonctionne que si votre réduction est le seul paramètre que vous ajoutez à votre lien, et si vous ajoutez plusieurs paramètres, vous devrez utiliser "& " .  Modifiez le format de votre lien comme suit et cela devrait fonctionner :

mysite.com/discount/{% coupon_code 'your_code' %}&redirect=/new-path

Ressources complémentaires

Ressources complémentaires

Cet article vous a-t-il été utile ?
Utilisez ce formulaire uniquement pour nous faire part de vos commentaires sur cet article. Comment contacter l’assistance.

Explorer d’autres contenus Klaviyo

Communauté
Contactez des membres de votre secteur, des partenaires et des experts Klaviyo pour trouver de l’inspiration, partager des informations et obtenir des réponses à toutes vos questions.
Formation en direct
Participez à une session en direct avec des experts Klaviyo pour découvrir les bonnes pratiques, apprendre à configurer des fonctionnalités clés et bien plus encore.
Assistance

Accédez à l’assistance via votre compte.

Assistance par e-mail (essai gratuit et comptes payants) Disponible 24h/24 et 7j/7

Chat/assistant virtuel
La disponibilité varie selon l'emplacement et le type de forfait