Shopify Forms - Insérer un formulaire dans les pages

Avant de commencer, veuillez installer notre plugin pour la connexion entre CleverReach et Shopify. Lors de l'installation et de la première synchronisation de l'application, une liste de destinataires et un formulaire pour vos utilisateurs Shopify seront automatiquement créés dans CleverReach. Bien entendu, vous pouvez créer des formulaires supplémentaires dans CleverReach et les relier à votre liste Shopify. Vous trouverez plus d'informations ici.

Vous avez la possibilité d'intégrer un formulaire dans votre boutique à l'aide de l'éditeur de thème, car une page proxy et le formulaire peuvent être intégrés dans les pages.

Pour insérer un formulaire CleverReach® dans la page, vous devez copier la section du formulaire et la coller manuellement dans le code de la page.

Dans un premier temps, vous devez vous rendre sur le tableau de bord de CleverReach dans Shopify et ensuite sur l'onglet "Forms". Sélectionnez le formulaire que vous souhaitez insérer, cliquez sur l'icône avec les trois points ("..."). pour plus d'options (1) et cliquez sur "Ajouter un formulaire" dans le menu déroulant (2).

Capture d'écran_1.png

Dans la boîte de dialogue qui s'ouvre, vous verrez un extrait de code HTML qui doit être inséré dans la page sur laquelle vous souhaitez intégrer votre formulaire. Cliquez sur le bouton "Copier" pour copier ce code dans le presse-papiers.

Capture d'écran_2.png

Retournez dans l'administration de la boutique et ouvrez la page (blog, produit, collection, etc.) dans laquelle vous souhaitez insérer le formulaire pour l'éditer. Vous verrez un éditeur de texte standard, que vous pourrez modifier normalement. Toutefois, il est également possible de modifier le code lui-même et d'y ajouter des éléments HTML personnalisés. Dans l'éditeur, cliquez sur le bouton avec les balises ("<>") pour ouvrir le code de la page.

Capture d'écran_3.png

Le contenu de l'éditeur sera modifié et vous pourrez désormais voir le code HTML de tous les éléments de cette page. Il ne vous reste plus qu'à coller l'extrait que vous avez copié précédemment n'importe où dans le code et à enregistrer les modifications.

Capture d'écran_4.png

Après l'enregistrement, vous pouvez cliquer sur le bouton "Voir" pour avoir un aperçu de votre page avec le formulaire :

Capture d'écran_5.png

 

Maintenant votre formulaire est déjà intégré et vos visiteurs, personnes intéressées, clients, etc. peuvent s'inscrire à votre bulletin d'information.

 


Autres possibilités d'ajouter un formulaire CleverReach à Shopify :

  1. Insérer comme page de procuration
  2. Insérer un formulaire dans l'éditeur de thème