Shopify App : Intégrer les formulaires d'inscription CleverReach® Double Opt-In

Avant de commencer

Tout d'abord, vous devez télécharger et installer notre plugin CleverReach® E-Mail marketing pour Shopify.

De plus, vous devrez être autorisé par CleverReach® et compléter la synchronisation initiale afin d'utiliser vos formulaires CleverReach® dans Shopify.

Lors de la synchronisation initiale, un formulaire réactif par défaut sera automatiquement créé pour vous et lié à votre liste Shopify. Dans cette liste, vous trouverez vos adresses email shopify.

Vous pouvez également créer d'autres formulaires dans votre compte CleverReach® chargé. Si vous souhaitez les utiliser dans Shopify, vous devez choisir la liste des destinataires "Shopify" lors de la création du formulaire. Vous trouverez plus loin dans cet article comment copier un formulaire existant.

Insérer un formulaire dans l'éditeur de thème de Shopify

Pour insérer un formulaire CleverReach® dans la vitrine à l'aide de l'éditeur de thèmes, vous devez tout d'abord cliquer sur "Boutique en ligne" et ensuite sur "Thèmes".

Il vous indiquera le thème actuel qui est actif dans la boutique. Vous pouvez modifier la mise en page. Vous devez cliquer sur "Personnaliser" pour modifier la page.

Bildschirmfoto_2020-09-11_um_12.22.10.png

Cette étape ouvrira l'éditeur de thème où vous pourrez voir toutes les sections qui sont actuellement présentées sur la page d'accueil. Pour ajouter une nouvelle section, vous devez cliquer sur le bouton "Ajouter une section" au bas de cette liste.

Bildschirmfoto_2020-09-11_um_12.22.52.png

Différents types de sections vous sont proposés. L'un d'entre eux sera le formulaire CleverReach®. Vous devez maintenant choisir le formulaire que vous souhaitez insérer dans la page et cliquer sur "Ajouter".

Bildschirmfoto_2020-09-11_um_14.55.58.png

Dans la fenêtre suivante, vous pouvez modifier le titre et le sous-titre du formulaire, ainsi que l'aspect du formulaire sur CleverReach®. En cliquant sur le lien, vous accéderez directement au formulaire dans votre compte CleverReach® où vous pourrez ajouter d'autres éléments au formulaire si vous le souhaitez.

Vous pouvez visualiser en direct les modifications apportées au formulaire sur la page de droite.

Lorsque vous êtes satisfait de l'aspect du formulaire, vous pouvez enregistrer les modifications et publier le thème.

Bildschirmfoto_2020-09-11_um_14.56.35.png

Maintenant votre formulaire est inséré dans votre boutique et vous pouvez obtenir de plus en plus d'abonnés pour votre newsletter.

Insérer un formulaire dans les pages

La deuxième option pour insérer un formulaire CleverReach® dans votre page Shopify est de copier un extrait de formulaire et de l'insérer manuellement dans le code de la page. Tout d'abord, vous devez vous rendre dans la section des formulaires sur la page du tableau de bord de l'application dans Shopify. Vous devez alors choisir le formulaire que vous souhaitez insérer.

Dans l'étape suivante, vous devrez cliquer sur l'icône des trois points ("..."). pour plus d'options et cliquer sur "Ajouter un formulaire" dans le menu déroulant.

Bildschirmfoto_2020-09-14_um_09.35.51.png

Dans la boîte de dialogue qui s'ouvre, vous verrez l'extrait de code HTML qui doit être inséré dans la page sur laquelle vous souhaitez voir apparaître votre formulaire. En cliquant sur le bouton "Copier", vous copiez ce code.

Bildschirmfoto_2020-09-14_um_09.36.11.png

Vous devez maintenant retourner dans l'administration de la boutique et ouvrir la page (blog, produit, collection, etc.) dans laquelle vous souhaitez insérer votre formulaire CleverReach® pour l'éditer. Vous verrez un éditeur de texte standard, que vous pourrez modifier normalement. Il serait également possible de modifier le code lui-même et d'y ajouter des éléments HTML personnalisés.

A l'intérieur de l'éditeur xou e. g. vous devez cliquer sur le bouton avec les balises ("<>") pour ouvrir le code de la page :

mceclip7.png

Le contenu de l'éditeur change et vous pouvez 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.

mceclip8.png

Après avoir sauvegardé, vous pouvez cliquer sur le bouton "View" pour voir la page sur la vitrine et vous verrez le formulaire à l'intérieur de votre page :

mceclip9.png

Insérer un formulaire dans les pages du thème (cette solution de contournement est réservée aux utilisateurs avancés qui sont familiers avec le code HTML)

La troisième option pour insérer un formulaire CleverReach® dans une page de thème consiste à copier l'extrait de formulaire et à l'insérer manuellement dans le code du thème.

Sur la page du tableau de bord de l'application dans Shopify, vous devez aller dans la section Formulaires.

Dans l'étape suivante, vous devez choisir le formulaire que vous souhaitez insérer, cliquez sur l'icône des trois points ("..."). pour plus d'options, puis cliquez sur "Ajouter un formulaire" dans le menu déroulant.

Bildschirmfoto_2020-09-14_um_09.35.51.png

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

Bildschirmfoto_2020-09-14_um_09.36.11.png

Vous devez maintenant retourner à l'administration de la boutique et ouvrir Online Store -> Themes -> Customize.

Bildschirmfoto_2020-09-11_um_12.22.10.png

Lorsque l'éditeur de thème est ouvert, cliquez sur Theme actions -> Edit code menu item.

Bildschirmfoto_2020-09-14_um_09.41.22.png

Dans l'étape suivante, vous devrez choisir le type de page du thème (blog, produit, collection, etc.) dans le sélecteur de fichiers de droite et coller l'extrait de formulaire CleverReach à l'endroit désiré.

mceclip14.png

Le formulaire s'affichera sur toutes les pages du type de page sélectionné (par exemple, produit, blog, collection) :

Bildschirmfoto_2020-09-14_um_10.39.05.png

Le formulaire se trouve maintenant sur votre page et les nouveaux destinataires peuvent s'inscrire facilement et rapidement à votre lettre d'information.

Copier un formulaire existant dans CleverReach

Si vous avez un formulaire existant que vous souhaitez utiliser dans votre intégration Shopify, vous avez la possibilité de copier ce formulaire dans votre compte CleverReach payant. Tous les paramètres et styles seront copiés dans le nouveau formulaire et vous pouvez créer autant de formulaires que vous le souhaitez et que vous en avez besoin.

Dans la première étape, vous devez cliquer sur le menu déroulant à côté du formulaire souhaité.

Unbenannt_1.png

Deuxième étape : cliquer sur l'élément de menu Copier.

Unbenannt_2.png

3ème étape : Vous devez maintenant saisir le nom du nouveau formulaire et sélectionner la liste des destinataires utilisée par notre plugin Shopify (ntrer le nouveau nom du formulaire et sélectionner la liste des destinataires utilisée par notre plugin Shopify (Shopify - <nom-de-boutique>).

Unbenannt_3.png

Bildschirmfoto_2020-08-05_um_17.03.03.png

Le nouveau formulaire créé est maintenant prêt à être utilisé dans votre boutique :

Bildschirmfoto_2020-08-05_um_17.03.44.png

Fini - vous pouvez insérer votre formulaire copié sur toutes les pages de Shopify que vous souhaitez.

D'ailleurs, vous pouvez rapidement et facilement envoyer la prochaine lettre d'information à vos clients depuis Shopify. Pour ce faire, veuillez avoir l'amabilité de cliquer sur l'onglet "Plus d'actions" sous "Clients". Vous disposez d'un bouton pour envoyer rapidement et facilement la prochaine lettre d'information à vos destinataires :

Bildschirmfoto_2020-04-09_um_15.13.01.png

Si vous avez des questions, n'hésitez pas à contacter notre équipe d'assistance à tout moment . 

Amusez-vous avec notre plugin et commencez dès maintenant votre marketing par e-mail sur Shopify ! :-)