Comment configurer un formulaire de retour en stock

Découvrez comment configurer et personnaliser un formulaire d’inscription au retour en stock pour votre boutique en ligne. À l’aide de l’éditeur de formulaires de Klaviyo, vous pouvez personnaliser à la fois le bouton « Prévenez-moi » qui s’affiche lorsqu’un produit sur votre site est en rupture de stock, et le formulaire que vos clients utilisent pour s’inscrire aux notifications de retour en stock par e-mail, messagerie texte et WhatsApp.

Avant de commencer

Les formulaires de retour en stock sont uniquement disponibles pour Shopify et BigCommerce. Si vous utilisez une autre plateforme, reportez-vous plutôt à notre guide d’installation du flux de retour en stock.

Dans cet article, vous apprendrez comment :

• Supprimez tout code Klaviyo de retour en stock existant de votre boutique Shopify ou BigCommerce (le cas échéant).
• Activez et personnalisez votre bouton de retour en stock et votre formulaire d’inscription

Fonctionnement du formulaire de retour en stock sur votre vitrine

Après la publication d’un formulaire de retour en stock, Klaviyo affiche automatiquement un bouton « Prévenez-moi » personnalisable sur toute page produit dont le stock est épuisé. Vous pouvez personnaliser ce bouton dans l’éditeur de formulaire, en même temps que le formulaire lui-même. Le bouton apparaît et disparaît automatiquement en fonction de votre stock de produits.

Lorsqu’un acheteur clique sur le bouton « Me prévenir », votre formulaire s’affiche et lui permet de choisir comment il souhaite être averti lorsque le produit est à nouveau disponible, selon la façon dont vous avez configuré votre formulaire :

• E-mail : si vous incluez un champ e-mail, les acheteurs peuvent saisir leur adresse e-mail pour recevoir une alerte de réapprovisionnement par e-mail. Vous pouvez également ajouter une case à cocher facultative permettant aux acheteurs de s’inscrire pour recevoir des e-mails marketing promotionnels.
• Messagerie texte et WhatsApp : si vous incluez un champ de numéro de téléphone, les acheteurs peuvent saisir leur numéro de téléphone pour recevoir une alerte de retour en stock par message texte. Pour recevoir ces alertes par message texte, les acheteurs doivent donner leur consentement explicite pour recevoir des messages texte promotionnels. Ce consentement est requis et ne peut pas être rendu facultatif, et votre texte de divulgation doit être présent.

Après qu’un acheteur a envoyé le formulaire, Klaviyo enregistre l’événement s’abonner à Retour en stocksur son profil. Cet événement est utilisé pour déclencher votre flux de retour en stock. Les acheteurs qui s’abonnent entreront automatiquement dans le flux et recevront une notification lorsque le produit sera de nouveau en stock.

Notez que l’A/B testing et les méthodes d’opt-in non traditionnelles pour les SMS et WhatsApp (par exemple, Smart Opt-in et tap-to-text) ne sont pas pris en charge pour les formulaires de retour en stock.

Supprimer l’extrait de code de retour en stock existant

Si vous aviez déjà installé l’extrait de code de Klaviyo pour le retour en stock, vous devez d’abord le supprimer afin d’éviter les doublons de boutons ou de formulaires.

Cliquez sur l’une des flèches ci-dessous pour développer la section ci-dessous et obtenir des instructions sur la suppression du code de la plateforme de votre boutique. Si vous n’êtes pas sûr du script ou du code à supprimer, contactez votre développeur ou reportez-vous à vos notes d’installation d’origine.

<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
    var klaviyo = klaviyo || [];
    klaviyo.init({
      account: "PUBLIC_API_KEY",
      platform: "shopify"
    });
    klaviyo.enable("backinstock",{ 
    trigger: {
      product_page_text: "Notify Me When Available",
      product_page_class: "button",
      product_page_text_align: "center",
      product_page_margin: "0px",
      replace_anchor: false
    },
    modal: {
     headline: "{product_name}",
     body_content: "Register to receive a notification when this item comes back in stock.",
     email_field_label: "Email",
     button_label: "Notify me when available",
     subscription_success_label: "You're in! We'll let you know when it's back.",
     footer_content: '',
     additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
     drop_background_color: "#000",
     background_color: "#fff",
     text_color: "#222",
     button_text_color: "#fff",
     button_background_color: "#439fdb",
     close_button_color: "#ccc",
     error_background_color: "#fcd6d7",
     error_text_color: "#C72E2F",
     success_background_color: "#d3efcd",
     success_text_color: "#1B9500"
    }
  });
</script>

Créer un formulaire de retour en stock

1. Dans le panneau de navigation principal de Klaviyo, sélectionnez l’onglet Formulaires d’inscription.
2. Cliquez sur Créer un formulaire.
3. Dans la barre de recherche, saisissez « retour en stock » et sélectionnez un modèle Retour en stock prédéfini à personnaliser.
   

• Si vous préférez partir d’un formulaire vierge, cliquez sur Créer un formulaire vierge, puis choisissez retour en stock comme type de formulaire.

4. Choisissez la ou les liste(s) vers laquelle/lesquelles vous souhaitez collecter des inscriptions à l’e-mail, aux SMS et à WhatsApp.
5. Cliquez sur Créer un formulaire.
   

6. Sélectionnez l’étape Bouton d’affichage du produit dans la barre de menus. Notez que cela doit toujours être la première étape du formulaire et ne peut pas être supprimé.
7. Dans le menu d’édition à gauche, choisissez l’emplacement où le bouton doit apparaître sur vos pages produits :
9. • Remplacer le bouton Ajouter au panier: le bouton « Me prévenir » remplacera le bouton « Ajouter au panier » pour les articles en rupture de stock.
   • Empilé: le bouton « Me prévenir » apparaîtra sous le bouton « Ajouter au panier » (lorsqu’il est affiché comme « Épuisé »).
     

1. Utilisez les options Texte, Style de bouton, Bordureet Ombre portée pour mettre à jour le libellé et le style du bouton « Me prévenir ».
2. Passez à l’étape Opt-in e-mail et utilisez le menu Styles pour ajuster les couleurs, les polices et la mise en page afin que votre formulaire corresponde à votre marque.
   

3. Appliquez le style à chaque étape suivante de votre formulaire, comme l’adhésion SMS ou les étapes de réussite, en cliquant sur chaque étape dans la barre de menu et en répétant l’étape 9.

1. Shopify uniquement (facultatif) : pour contrôler où apparaît le bouton "Me prévenir", accédez à Ciblage et comportement > Ciblage, puis utilisez les tags Shopify pour inclure ou exclure des produits spécifiques pour lesquels le bouton doit apparaître.
   

2. Lorsque vous êtes satisfait de votre formulaire, cliquez sur Publier pour le mettre en ligne. Une fois votre formulaire en ligne, le bouton d’affichage des produits apparaîtra automatiquement lorsqu’un article sur votre site sera en rupture de stock.
3. Après la publication, vous verrez une invite dans la fenêtre modale de confirmation de publication pour configurer votre flux de retour en stock.

• Si vous avez déjà configuré un flux de retour en stock avec l’indicateur S’abonner au retour en stock comme déclencheur, il commencera automatiquement à fonctionner avec votre nouveau formulaire de retour en stock. Vous n’avez pas besoin d’en créer un autre ; cliquez sur Ignorer.
• Sinon, cliquez sur Quitter et créer un flux, puis consultez notre guide Comment configurer un flux de retour en stock.

Analytics pour les formulaires de retour en stock

Vous pouvez surveiller les indicateurs de votre formulaire de retour en stock sur sa page d’analyse, notamment Envois retour en stock et Inscriptions marketing. Notez que le taux d’envoi est calculé en fonction du nombre d’abonnements au retour en stock, et non du consentement marketing.

Cette page inclut également des graphiques des données du formulaire par étape et par type de collecte de données :

• engagement: cela fait référence aux abonnements aux retours en stock (par exemple, lorsqu’un acheteur s’inscrit pour recevoir des alertes de réapprovisionnement par e-mail).
• Inscriptions marketing: cela fait référence au moment où les acheteurs donnent leur consentement pour recevoir des messages promotionnels, soit en cochant la case d’inscription à l’e-mail marketing, soit en envoyant un numéro de téléphone, car les alertes par SMS nécessitent toujours un consentement aux SMS promotionnels.

Résolution des problèmes de retour en stock

Si votre expérience de retour en stock ne fonctionne pas comme prévu, consultez les problèmes courants suivants.

Le bouton « M’avertir » n’apparaît pas ou n’est pas au bon endroit

Si le bouton "Me prévenir" est absent de votre page produit ou si vous souhaitez le configurer pour qu’il apparaisse à un autre endroit personnalisé, vous pouvez contrôler manuellement son emplacement à l’aide de l’attribut HTML klaviyo-bis-trigger.

<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a>

Ajoutez cet attribut à l’élément HTML spécifique où vous souhaitez que le bouton « M’avertir » s’affiche, et Klaviyo affichera alors le bouton à cet emplacement au lieu de l’emplacement par défaut. Cette solution peut être utile si vous utilisez un thème personnalisé ou non standard ; cependant, elle ne résoudra pas toujours un problème de bouton manquant. Si vous avez des difficultés à configurer l’emplacement d’un bouton personnalisé, consultez votre développeur.

Compatibilité avec le paramètre Shopify « Continuer à vendre en rupture de stock »

La fonctionnalité de retour en stock de Klaviyo ne fonctionne pas avec le paramètre Shopify « Continue selling when out of stock ». Si ce paramètre est activé, le produit apparaît toujours comme disponible, même avec un inventaire à zéro. Par conséquent :

• Le bouton « Prévenez-moi » et le formulaire de retour en stock n’apparaîtront pas.
• Aucun e-mail de retour en stock ne sera envoyé, car Klaviyo ne peut pas détecter quand le stock est réapprovisionné pour déclencher le flux.

Pour utiliser les fonctionnalités de retour en stock de Klaviyo, assurez-vous que « Continuer à vendre lorsque l’article est en rupture de stock » est désactivé pour ces produits.

Utilisez-vous le thème Retina ?

Un formulaire « Me prévenir » est intégré à la page produit dans le thème Retina (de Out of the Sandbox). Vous devrez désactiver le bouton par défaut de votre thème pour que le code Klaviyo fonctionne.

Utilisez-vous un thème qui masque un produit si toutes les variantes sont en rupture de stock ?

Si votre thème Shopify masque un produit lorsque toutes les variantes sont en rupture de stock, vous devrez identifier cette zone du code dans votre fichier product.liquid et la modifier pour afficher tous les produits, quel que soit leur stock.

Ressources supplémentaires