Comment ajouter un formulaire d'intégration à votre site Shopify ?

Objectif de cet article

Apprenez à ajouter un formulaire Klaviyo à votre site Shopify. Il s'agit de créer un formulaire dans Klaviyo, puis de coller son code d'intégration dans les fichiers de votre site à l'endroit où vous souhaitez qu'il apparaisse, par exemple dans le pied de page.

Avant de commencer

Avant de créer le formulaire d'inscription dans Klaviyo, vous devez intégrer Shopify et activer la fonctionnalité de formulaire d'inscription (également appelée "onsite tracking"). Pour Shopify point de vente, l'intégration de l'application doit être activée pour que le formulaire d'inscription s'affiche et synchronise les données correctement. 

Pour vérifier que l'intégration de l'application est active :

1. Accédez à votre pageShopify paramètres d'intégration. 
2. Faites défiler la page jusqu'à la section Suivi sur place.
   • Si vous voyez une bannière verte indiquant The Klaviyo app embed is activer sur votre Shopify point de vente, vous êtes prêt. Passez à la section suivante de l'article pour ajouter le formulaire d'intégration à votre site.
     
   • Si une bannière jaune apparaît, l 'intégration de l'application Klaviyo est désactivée. Après l'avoir activé, sélectionnez "Save" dans l'éditeur de thème de Shopify pour appliquer le changement.
     
     • Consultez notre guide sur l'activation de l'intégration de l'application Klaviyo pour Shopify avant de poursuivre cet article.
       

L'exemple de cet article utilise un thème Shopify 2.0. Votre thème peut être différent, ce qui peut affecter les noms de certains fichiers ou l'emplacement des extraits de code.

Ajouter un formulaire d'intégration à votre site

Tout d'abord, créez et publiez votre formulaire intégré dans Klaviyo. Une fois que vous l'avez fait, suivez les étapes suivantes pour coller le code d'intégration de votre formulaire sur la page de votre site Shopify où vous souhaitez que le formulaire s'affiche.

1. Si vous ne l'avez pas encore fait, copiez le code d'intégration de votre formulaire d'intégration. Vous pouvez accéder au code d'intégration du formulaire en ouvrant le formulaire dans l'éditeur et en cliquant sur la section Ciblage du comportement & .
   
2. Accédez à votre tableau de bord Shopify.
3. Sélectionnez la boutique en ligne > Themes.
4. Cliquez sur Personnaliser.
   
5. Dans la barre de menu supérieure, choisissez le modèle de page où vous souhaitez ajouter le formulaire (par exemple, votre page d'accueil ou votre page de mot de passe).
   
6. Dans le menu de gauche, sous Apps, sélectionnez la section Ajouter > Apps > Klaviyo Embedded Form. 
   • Si vous souhaitez que ce formulaire n'apparaisse que sur cette page spécifique, faites-le dans la section modèle. 
     
   • Si vous souhaitez que le formulaire persiste sur toutes les pages de votre site web, indiquez-le dans la section Footer (pied de page). Notez que la présence d'un formulaire d'intégration dans le pied de page de votre site est également une bonne pratique Klaviyo pour la liste croissance.
     
7. Cliquez sur la section Klaviyo Embedded Form nouvellement créée dans le menu de gauche.
8. Collez le code d'intégration que vous avez copié depuis Klaviyo dans la zone de texte désignée.
   
9. Cliquez sur Enregistrer pour ajouter votre formulaire d'intégration au modèle de page. Notez que le formulaire d'incorporation n'apparaîtra dans l'aperçu qu'après l'enregistrement.
10. Facultatif : Après avoir sauvegardé, vous pouvez réorganiser l'application Klaviyo Embedded Form en cliquant et en la faisant glisser dans le menu. 

Une fois que vous avez collé le code d'intégration et enregistré les modifications sur Shopify, retournez sur votre site web et actualisez la page. Les visiteurs du site verront votre formulaire et auront la possibilité de s'inscrire à votre liste en le remplissant.

Si votre formulaire ne s'affiche pas, consultez la rubrique Dépannage des formulaires intégrés.

Prochaines étapes

Ensuite, créez une série de bienvenue flux pour avoir un impact immédiat sur votre nouvel abonné.

Ressources supplémentaires

• Comment modifier la liste à laquelle un formulaire est soumis ?
• Démarrer avec Shopify
• Démarrer avec les formulaires d’inscription