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. Grâce à l’éditeur de Klaviyo, vous pouvez personnaliser à la fois le bouton « Me prévenir » qui s’affiche lorsqu’un produit de 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 ou par SMS.
Avant de commencerAvant de commencer
Les formulaires de retour en stock ne sont disponibles que pour Shopify et le BigCommerce. Si vous utilisez une autre plateforme, reportez-vous à notre guide d ’ installation du flux de retour en stock.
Dans cet article, vous apprendrez à :
- Supprimez tout code de retour en stock Klaviyo 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
Comment fonctionne le formulaire de retour en stock sur votre vitrine
Une fois que vous avez publié un formulaire de retour en stock, Klaviyo affiche automatiquement un bouton « Me prévenir » personnalisable sur toutes les pages de produits où votre stock est en rupture de stock. Vous pouvez personnaliser ce bouton dans l’éditeur de formulaire, à côté du formulaire lui-même. Le bouton apparaît et disparaît automatiquement en fonction de votre inventaire de produits.
Lorsqu’un acheteur clique sur le bouton « Me prévenir », votre formulaire s’affiche. Il peut alors choisir la manière dont il souhaite être averti lorsque le produit sera à nouveau disponible, en fonction de la manière dont vous avez configuré votre formulaire :
- Email : si vous ajoutez un champ d’adresse e-mail, les acheteurs peuvent saisir leur adresse e-mail pour recevoir une alerte de retour en stock par e-mail. Vous pouvez également ajouter une case à cocher facultative pour que les acheteurs acceptent de recevoir des e-mails de marketing promotionnels.
- SMS : si vous ajoutez un champ de numéro de téléphone, les acheteurs peuvent saisir leur numéro de téléphone et recevoir une alerte de retour en stock par SMS. Pour recevoir ces alertes par SMS, les acheteurs doivent donner leur consentement explicite pour recevoir des SMS promotionnels. Ce consentement est obligatoire et ne peut pas être rendu facultatif, et votre clause de divulgation doit être présente.
Lorsqu’un acheteur envoie le formulaire, Klaviyo enregistre un événement Abonné au retour enstock sur son profil. Cet événement est utilisé pour déclencher votre flux de retour en stock. Les acheteurs qui s’abonnent entrent automatiquement dans le flux et reçoivent une notification lorsque le produit est réapprovisionné.
Notez que l’A/B testing et les méthodes d’opt-in SMS non traditionnelles (par exemple, Smart Opt-in et envoi de SMS rapide) ne sont pas pris en charge pour les formulaires de retour en stock.
Supprimez l’extrait de code de retour en stock existantSupprimez l’extrait de code de retour en stock existant
Si vous avez déjà installé l’extrait de code de retour en stock de Klaviyo, vous devez d’abord le supprimer pour éviter les boutons ou formulaires en double.
Cliquez sur l’une des flèches ci-dessous pour développer la section ci-dessous qui contient des instructions sur la suppression du code de votre plateforme de boutique. Si vous ne savez pas quel script ou code supprimer, contactez votre développeur ou reportez-vous à vos notes d’installation d’origine.
Si vous n’avez pas ajout é de code de retour en stock auparavant, passez à la section suivante sur la création de votre formulaire de retour en stock.
Supprimez le code de retour en stock d’un site Shopify.Supprimez le code de retour en stock d’un site Shopify.
- Dans votre Administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- À côté de votre thème publié, cliquez sur le menu des options supplémentaires (3 points), puis sélectionnez Modifier le code.
- Ouvrez le fichier theme.liquid.
- Utilisez le raccourci de recherche (Cmd+F sur Mac ou Ctrl+F sur Windows) pour rechercher le mot « backinstock » dans le fichier.
-
Recherchez et supprimez l’extrait de code suivant :
<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: "Inscrivez-vous pour recevoir une notification lorsque cet article sera de nouveau en stock.", email_field_label: "Email", button_label: "Me prévenir lorsque l’article est disponible", subscription_success_label: "C’est bon ! Nous vous préviendrons lorsque cet article sera de nouveau disponible.", 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>
- Cliquez sur Enregistrer.
- Revenez sur votre site web et actualisez la page d’un produit en cas de rupture de stock. Vérifiez que le bouton « Me prévenir » n’est plus visible.
Supprimer le code de retour en stock d’un site de BigCommerceSupprimer le code de retour en stock d’un site de BigCommerce
- Dans l’interface d’administration de votre BigCommerce, accédez à Storefront > Script Gestionnaire.
- Recherchez tous les scripts liés à la fonctionnalité de retour en stock de Klaviyo. Ces scripts peuvent porter un nom tel que « Klaviyo Back in Stock » ou être étiquetés conformément à votre installation précédente.
-
En regard du script, cliquez sur le menu des options supplémentaires (3 points) et choisissez Supprimer pour supprimer le script.
Si vous avez collé le code de retour en stock Klaviyo directement dans un fichier de thème (par exemple, dans footer.html), vous devez supprimer manuellement le code. Pour cela, accédez à Storefront > Themes > Edit Theme Files, recherchez le fichier contenant le script et supprimez l’extrait de code.
- Enregistrez vos modifications.
- Revenez sur votre site web et actualisez la page d’un produit en cas de rupture de stock. Vérifiez que le bouton « Me prévenir » n’est plus visible.
Créez un formulaire de retour en stock
Vous ne pouvez avoir qu’un seul formulaire de retour en stock à la fois dans votre compte, qu’il soit publié ou en mode brouillon. Si un formulaire de retour en stock existe déjà, vous devez le supprimer avant d’en créer un nouveau.
- Dans la navigation principale de Klaviyo, sélectionnez l’onglet Formulaires d’inscription.
- Cliquez sur Créer un formulaire.
- Dans la barre de recherche, tapez « Retour en stock » et sélectionnez un modèle de retour en stock préconçu à personnaliser.
- Si vous préférez partir d’un formulaire vierge, cliquez sur Créer un formulaire vierge et choisissez Retour en stock comme type de formulaire.
- Choisissez la ou les listes auxquelles vous souhaitez collecter les inscriptions aux e-mails et à la SMS.
- Cliquez sur Créer un formulaire.
- Sélectionnez l’étape du bouton d’affichage du produit dans la barre de menu. Notez qu’il doit toujours s’agir de la première étape du formulaire et qu’il ne peut pas être supprimé.
- Dans le menu de modification à gauche, choisissez l’endroit où le bouton doit apparaître sur vos pages de produits :
- Remplacer le bouton d’ajout au panier: Le bouton « Me prévenir » remplace 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 s’affichera comme « En rupture de stock »).
- Utilisez les options Texte, Style du bouton, Bordureet Ombre portée pour mettre à jour le libellé et le style du bouton « Me prévenir ».
- Passez à l’étape d’ opt-in Email et utilisez le menu Styles pour ajuster les couleurs, les polices et la mise en page afin que votre formulaire corresponde à votre marque.
-
Appliquez le style à chaque étape suivante de votre formulaire, comme les étapes d’opt-in SMS ou de réussite, en cliquant sur chaque étape dans la barre de menu et en répétant l’étape 9.
Chaque étape de saisie doit inclure au moins un champ de saisie d’adresse e-mail ou SMS. Si une étape comporte les deux, vous pouvez en supprimer 1. Si une étape ne comporte qu’une seule des deux entrées, elle ne peut pas être supprimée de cette étape. Vous pouvez toutefois supprimer l’étape entière si vous ne souhaitez collecter qu’un seul canal. Le consentement au marketing pour Email est facultatif et peut être supprimé.
- Lorsque vous êtes satisfait de votre formulaire, cliquez sur Publier pour le mettre en ligne. Une fois votre formulaire activé, votre bouton d’affichage des produits apparaîtra automatiquement lorsqu’un article de votre site sera en rupture de stock.
- Une fois la publication effectuée, la fenêtre modale de confirmation de publication vous invite à configurer votre flux de retour en stock.
- Si vous avez déjà configuré un flux de retour en stock avec le déclencheur Abonné à Retour en stock indicateur, il commencera à fonctionner avec votre nouveau formulaire de retour en stock automatiquement. Vous n’avez pas besoin d’en créer un autre ; cliquez sur Ignorer.
- Si ce n’est pas le cas, cliquez sur Quitter et créer un flux, puis consultez notre guide sur la configuration d’un flux de retour en stock.
analyses pour les formulaires de retour en stock
Vous pouvez suivre les indicateurs de votre formulaire de retour en stock sur sa page d’analyses, y compris les envois de retour en stock et les opt-ins marketing. Notez que le taux de complétion est calculé en fonction du nombre d’abonnements au retour en stock, et non du consentement marketing.
Cette page comprend également des graphiques des données du formulaire par étape et par type de collecte de données :
- Engagement: il s’agit des abonnements au retour en stock (par exemple, lorsqu’un acheteur s’inscrit aux alertes de retour en stock par e-mail).
- Opt-in marketing: il s’agit du moment où les acheteurs donnent leur consentement pour recevoir des messages promotionnels, soit en cochant la case d’opt-in pour les e-mails marketing, soit en saisissant un numéro de téléphone, car les alertes par SMS nécessitent toujours des Consentements pour l'envoi de 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, passez en revue les problèmes courants suivants.
Compatibilité avec le paramètre « Continue selling when out of stock » de ShopifyCompatibilité avec le paramètre « Continue selling when out of stock » de Shopify
La fonctionnalité de retour en stock de Klaviyo ne fonctionne pas avec le paramètre « Continue selling when out of stock » de Shopify. Si ce paramètre est activé, le produit apparaît toujours disponible, même avec un stock nul. En conséquence :
- Le bouton « Me prévenir » 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 le réapprovisionnement des stocks pour déclencher le flux.
Pour utiliser la fonctionnalité de retour en stock de Klaviyo, assurez-vous que l’option « Continue selling when out of stock » est désactivée pour ces produits.
Utilisez-vous un thème Retina ?Utilisez-vous un 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 ?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