Créer et intégrer un formulaire d'inscription

Cet article explique comment créer et intégrer un formulaire d'inscription en utilisant le widget Engage.

Qu'est-ce que le widget Engage ?

Le widget Engage est un puissant outil sur site qui vous aide à développer votre liste de contacts en capturant les abonnés directement depuis votre site Web. Il vous permet de créer des formulaires d'inscription personnalisables, de les afficher au bon moment et d'envoyer automatiquement de nouveaux contacts vers vos listes, sans aucune compétence en codage requise. 

Formulaires d'inscription

Le widget Engage facilite la conversion du trafic de votre site Web en abonnés fidèles. Que vous vous concentriez sur la génération de leads ou sur l'entretien de votre communauté, un formulaire d'inscription bien placé peut faire toute la différence. Commencez avec un modèle, personnalisez-le et mettez-le en ligne, le tout en quelques minutes seulement.

Créer un formulaire d'inscription

Dans le menu de navigation principal, accédez à Paramètres > Widget Engage.

Accédez ensuite à l'onglet Formulaires d'inscription, puis cliquez sur Créer mon premier formulaire :

Sélection du modèle

Ensuite, vous pouvez choisir parmi plusieurs modèles que nous avons regroupés en fonction de différentes études de cas - Génération de prospects, Ventes et conversion, ou Engagement et Growth. Choisissez celui qui correspond à vos besoins ou vous pouvez créer votre propre formulaire à partir de zéro, en cliquant sur le bouton dans le coin supérieur droit.

Personnalisation du modèle

Lorsque vous sélectionnez un modèle, vous êtes d'abord invité à nommer votre formulaire et à choisir la liste de contacts à laquelle les nouveaux abonnés seront ajoutés. Si vous n'avez pas encore de listes, vous serez redirigé vers la page listes de contacts où vous pourrez en créer une. Cela vous aide à organiser vos contacts dès le début.

Vous serez ensuite redirigé vers l'éditeur de formulaire, où vous pourrez personnaliser le formulaire. Les formulaires sont divisés en 3 étapes personnalisables individuellement :

1. Accroche : il s'agit du premier élément que vos destinataires verront lorsqu'ils interagiront avec le widget depuis votre site Web.

2. Collecte de données : c'est ici que les destinataires remplissent un formulaire pour recueillir les données que vous souhaitez collecter. Vous pouvez choisir les informations à collecter (comme le nom ou l'adresse email) en ajoutant des champs. 

3. Page de confirmation : c'est ici que vous confirmez que toutes les informations requises ont été collectées et que toutes les actions ultérieures ont lieu (par exemple, l'affichage d'un code de réduction ou la confirmation qu'une réservation a été effectuée). 

Vous pouvez changer entre ceux-ci dans le menu de gauche. Vous pouvez également personnaliser l'apparence pour qu'elle corresponde à votre marque à l'aide du menu Outils de conception à droite de la page.

Vous pouvez basculer entre les aperçus mobile et ordinateur à l'aide du commutateur situé sous l'aperçu :

Cliquez sur Sauvegarder les modifications (si vous n'avez pas terminé de personnaliser le formulaire) ou sur Définir comme actif. Le formulaire apparaîtra désormais dans votre liste de formulaires d'inscription en tant qu'élément actif ou en tant que brouillon.

Configurer et publier le modèle d'inscription

Lorsque vous cliquez sur Définir comme actif, la boîte de dialogue Publier le modèle apparaît. Cela vous permet de configurer un message de confirmation automatique que les abonnés reçoivent immédiatement après s'être inscrits via votre widget.

Message de confirmation

Choisissez si vous souhaitez envoyer un SMS automatique aux nouveaux abonnés :

• Envoyer un message de confirmation lors de l'inscription — Un SMS est envoyé automatiquement dès que quelqu'un envoie le formulaire. Utilisez ceci pour accueillir les nouveaux abonnés et confirmer leur opt-in.
• Aucun message de confirmation — Les abonnés sont ajoutés silencieusement sans recevoir de SMS.

Champ du message

Si vous avez sélectionné Envoyer un message de confirmation lors de l'inscription, vous devez saisir un message - ce champ est obligatoire. Rédigez le SMS que les abonnés recevront immédiatement après leur inscription.

Les éléments de substitution vous permettent de personnaliser le message avec les données collectées à partir du formulaire d'inscription. Pour insérer un élément de substitution, tapez $input. suivi du prénom du champ. Par exemple, $input.firstname insère le prénom de l'abonné. Les éléments de substitution apparaissent sous forme de balises en ligne dans l'éditeur et sont remplacés par les données réelles de l'abonné lorsqu'un SMS est envoyé.

Exemple : Bonjour $input.firstname, merci de vous être inscrit ! Nous vous contacterons prochainement.

ID d'expéditeur

Sélectionnez le numéro de téléphone à partir duquel le SMS de confirmation sera envoyé. La liste déroulante affiche tous les IDs d'expéditeur disponibles sur votre compte.

Publier le modèle

Une fois que vous êtes satisfait de la configuration, cliquez sur Définir comme actif pour publier le modèle et rendre le widget actif. Cliquez sur Annuler pour revenir en arrière sans publier.

Le formulaire apparaîtra dans votre liste de Formulaires d'inscription comme étant actif. Les nouveaux abonnés commenceront à recevoir des messages de confirmation selon vos paramètres.

Intégrer le widget Engage sur votre site Web

Pour activer le widget Engage, cliquez sur le bouton Go Live .

Une fois que le widget a été publié, vous pouvez le modifier en cliquant sur l'icône de plus d'options (⋮) :

Important : Vous ne pouvez pas supprimer un formulaire d'inscription s'il a été publié et que l'état du service du widget s'affiche comme actif. Vous devez d'abord cliquer sur Dépublier. Puis cliquez sur l'icône de plus d'options (⋮) et vous verrez une option pour supprimer :
 

Copiez le code d'installation à partir de l'onglet Installer :

Collez-le ensuite dans le code HTML de votre site Web avant la balise de fermeture </body>. 

Ajouter le widget à votre boutique Shopify

1. Après avoir publié le widget, copiez le code d'installation JavaScript généré.

2. Dans votre interface d'administration Shopify, accédez à Boutique en ligne > Thèmes.

3. Cliquez sur Personnaliser, puis ouvrez le menu à trois points en haut à gauche et choisissez Modifier le code.

4. Dans la section Mise en page, sélectionnez theme.liquid.

5. Collez le code du widget juste avant la balise de fermeture </body>.

6. Enregistrez vos modifications. Une fois enregistré, le widget Engage apparaîtra sur la vitrine de votre boutique Shopify.
    

Ajouter le code du widget via Google Tag Manager

Ajouter le widget à votre boutique BigCommerce

Option A : Utilisation du Responsable de script (recommandé)

1. Après avoir publié le widget, copiez le code d'installation JavaScript généré.
2. Dans votre administration BigCommerce, allez dans Storefront > Responsable de script.
3. Cliquez sur Créer un script et remplissez les détails : définissez la localisation sur la page sur Pied de page, Sélectionnez les pages sur Toutes les pages, et Type de script sur Script.
4. Collez votre code d'installation du widget Engage dans le champ Contenu du script.
5. Enregistrez vos modifications. Votre widget Engage est désormais actif sur votre vitrine BigCommerce.

1. Dans votre administration BigCommerce, allez dans Storefront > Mes thèmes.
2. Cliquez sur Personnaliser sur votre thème actif pour ouvrir l'éditeur de page.
3. Dans le panneau de gauche, faites glisser un widget HTML de la section Basic vers la page.
4. Collez votre code d'installation du widget Engage dans le widget HTML.
5. Enregistrez et publiez vos modifications. Votre widget Engage est désormais actif sur la page sélectionnée.

Afficher les nouvelles soumissions

Les nouveaux abonnés apparaîtront automatiquement dans la liste de contacts sélectionnée une fois qu'un formulaire sera soumis.