Comment ajouter un formulaire intégré à votre site Shopify
Objectif de cet article
Découvrez comment ajouter un formulaire intégré Klaviyo à votre site Shopify. Cela implique de créer un formulaire dans Klaviyo, puis de coller son code intégré dans les fichiers de votre site à l’endroit où vous souhaitez qu’il apparaisse, par exemple dans le pied de page.
Vous utilisez déjà un formulaire d’inscription Shopify ? Si vous avez choisi de synchroniser les abonnés Shopify vers Klaviyo lors de l’intégration, tout nouvel abonné sera alors synchronisé automatiquement.
Avant de commencer
Avant de créer le formulaire intégré dans Klaviyo, vous devez intégrer Shopify et activer la fonctionnalité de formulaire d’inscription (également appelée « tracking sur site »). Pour les boutiques Shopify, l’intégration d’application doit être activée pour que les formulaire d’inscription s’affichent et synchronisent correctement les données.
Pour vérifier que l’intégration de l’application est activée :
- Accédez à votre page des paramètres d’intégration Shopify.
- Faites défiler jusqu’à la section Tracking onsite.
- Si vous voyez une bannière verte indiquant L’application Klaviyo intégrée est activée sur votre boutique Shopify, tout est prêt. Passez à la section suivante de l’article pour ajouter le formulaire intégré à votre site.
- Si vous voyez une bannière verte indiquant L’application Klaviyo intégrée est activée sur votre boutique Shopify, tout est prêt. Passez à la section suivante de l’article pour ajouter le formulaire intégré à votre site.
- Si une bannière jaune s’affiche L’intégration Klaviyo est désactivée. Une fois activée, sélectionnez « Enregistrer » dans l’éditeur de thème de Shopify pour appliquer la modification.
- Avant de poursuivre la lecture de cet article, consultez notre guide sur l’activation de l’intégration de l’application Klaviyo pour Shopify.
- Avant de poursuivre la lecture de cet article, consultez notre guide sur l’activation de l’intégration de l’application Klaviyo pour Shopify.
L’exemple de cet article utilise un thème Shopify 2.0. Votre thème peut être différent, ce qui pourrait affecter le nom de certains fichiers ou l’emplacement de certains extraits de code.
Ajouter un formulaire intégré à votre site
Vous souhaitez intégrer un formulaire sur une page de remerciement Shopify ou une page d’état de commande ? Shopify ne prend plus en charge nativement cette fonctionnalité, mais vous pouvez utiliser la fonctionnalité de bloc d’application SMS de Klaviyo pour recueillir le consentement SMS lors du passage en caisse Shopify (Shopify Plus uniquement), sur les pages de remerciement ou d’état de commande.
- Créez votre formulaire intégré.
- Dans l’éditeur de formulaires, sélectionnez Ciblage et comportement > Affichage.
- Sous Code intégré, copiez l’ID du formulaire depuis le code, comme indiqué ci-dessous :
- Publiez votre formulaire.
- Accédez à votre tableau de bord Shopify.
- Sélectionnez Online Store > Themes.
- Cliquez sur Customize (Personnaliser).
- Dans la barre de menus supérieure, choisissez le modèle de page dans lequel vous souhaitez ajouter le formulaire (p. ex., votre page d’accueil ou votre page de mot de passe).
- Dans le menu de gauche, sous Applications, sélectionnez Ajouter une section > Applications > Formulaire intégré Klaviyo.
- Si vous souhaitez que ce formulaire apparaisse uniquement sur cette page spécifique, faites-le dans la section Modèle.
- Si vous souhaitez que ce formulaire apparaisse uniquement sur cette page spécifique, faites-le dans la section Modèle.
- Si vous souhaitez que le formulaire persiste sur chaque page de votre site web, faites-le dans la section Pied de page. Notez qu’avoir un formulaire intégré dans le pied de page de votre site est également une bonne pratique Klaviyo pour développer vos listes.
- Cliquez sur la section Formulaire intégré Klaviyo nouvellement créée dans le menu de gauche.
- Collez l’ID du formulaire que vous avez copié depuis Klaviyo dans la zone de texte dédiée.
- Cliquez sur Enregistrer pour ajouter votre formulaire intégré au modèle de page. Notez que le formulaire intégré n’apparaîtra pas dans l’aperçu tant que vous n’aurez pas enregistré.
- Facultatif : après l’enregistrement, vous pouvez réorganiser l’application Klaviyo Embedded Form en cliquant dessus et en la faisant glisser dans le menu.
Une fois que vous avez collé le code intégré et enregistré les modifications dans Shopify, revenez sur votre site web et actualisez la page. Les visiteurs du site verront votre formulaire et auront la possibilité de rejoindre votre liste en le remplissant.
Si vous ne voyez pas votre formulaire, consultez le dépannage des formulaires intégrés.
Prochaines étapes
Ensuite, créez un flux de série de bienvenue pour avoir un impact immédiat sur vos nouveaux abonnés.
Ressources supplémentaires
- How to manage your sign-up forms
Learn tips for managing your existing sign-up forms so you can ensure they are aesthetically pleasing and functional for customers interested in engaging with your brand.
- Getting started with Shopify
Learn how to integrate Klaviyo with Shopify in order to bring your customer profile and order data into Klaviyo and reach customers with targeted messaging. Additionally, enable Klaviyo onsite tracking and sign-up forms, and sync data from Klaviyo to Shopify.
- Getting started with sign-up forms
Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.