Agrandisser la liste: créer un formulaire d’inscription

Comment Créer et Gérer des Formulaires d’Abonnement

Un formulaire d’inscription ou d’abonnement est le meilleur moyen d’obtenir de nouveaux clients et d’agrandir votre liste en fonction des autorisations des destinataires. Ajouter un formulaire à votre site Web attirera l’attention des visiteurs et les incitera à s’inscrire rapidement et légalement à votre newsletter.

Nous avons simplifié le processus de création des formulaires pour le rendre aussi simple que possible pour vous. En quelques étapes, vous pourrez créer un formulaire popup ou inline sur votre site Web. Vous pouvez également créer une landing page indépendante, hébergée sur notre serveur, pour capturer les contacts intéressés par vos produits ou services. Chaque formulaire est connecté à une liste dans votre compte eMailchef et fonctionnera automatiquement.

Pour mesurer la performance de vos formulaires d’abonnement, veuillez vous référer à la section de rapports du formulaire dans votre compte eMailChef et consultez notre tutoriel : « Analysez la performance de vos formulaires d’abonnement« .

Ce tutoriel vous expliquera comment optimiser votre formulaire d’abonnement pour vous assurer d’obtenir plus d’abonnés grâce aux visites de votre site Web.

Les Trois Types de Formulaires d’Abonnement dans eMailchef

eMailchef vous permet de créer trois types de formulaires:

  • Popup form

  • Popup

    Ce type de formulaire apparaît au milieu de l’écran.

  • Inline form

  • Formulaire Inline

    Ce formulaire est intégré à votre site Web. Vous devrez placer un petit extrait de code sur votre site où vous souhaitez que le formulaire apparaisse. Vous pouvez trouver le code dans la dernière étape du processus de création du formulaire.

  • Hosted Landing page form

  • Formulaire de Landing Page

    Ce formulaire est une page de destination, hébergée par eMailChef, que vous pouvez utiliser pour générer de nouveaux abonnés à partir d’autres moyens, même en dehors de votre site Web.

En plus des formulaires « prêts à l’emploi », vous pouvez également trouver une section avec le code du formulaire HTML et le personnaliser entièrement avec votre propre code CSS.

 

Introduction

Pour installer l’un des formulaires d’abonnement eMailchef sur votre site, vous devez d’abord installer le « Script du site Web« . Vous n’aurez à le faire qu’une seule fois. Le script sera valable pour tous vos formulaires. Si vous avez déjà installé le script, vous pouvez ignorer cette étape.

Comment installer le script sur votre site Web

Étape 1 : Installez le script sur votre site Web

Allez dans la section « Intégrations » dans « Paramètres » (PARAMÈTRES > INTÉGRATIONS) et copiez le « Script du site Web ».

How to Create and Manage Signup Forms

Collez le script dans le fichier de thème principal de votre site Web. Attention: Vous devez coller le script du site Web avant la balise pour que le code apparaisse sur toutes les pages. Cela vous permettra d’activer des formulaires sur n’importe quelle page de votre site Web. Le fichier exact et l’emplacement du code peuvent varier selon votre site Web.

How to Create and Manage Signup Forms

Vous pouvez contrôler les pages spécifiques sur lesquelles votre formulaire POPUP apparaîtra en utilisant l’onglet Comportements dans l’éditeur de formulaires.

Étape 2 : Vérifiez votre installation

Pour vérifier que vous avez correctement installé le script du site Web sur votre page, veuillez aller à la section « Intégrations » dans « Paramètres » (PARAMÈTRES > INTÉGRATIONS). Sous « Script du site Web », entrez l’URL de la page où vous avez inséré le code et cliquez sur « TESTEZ VOTRE SCRIPT ».

How to Create and Manage Signup Forms

Une case verte confirmera que les formulaires d’inscription ont été installés avec succès sur votre site Web.

How to Create and Manage Signup Forms

Au contraire, un message en rouge indiquera que son installation n’a pas pu être vérifiée. Examinez et confirmez les étapes d’installation de ce guide. Si votre site est en panne ou protégé par mot de passe, nous ne pourrons pas vérifier son installation.

How to Create and Manage Signup Forms

Après avoir vérifié votre installation, vous êtes prêt à créer un nouveau formulaire et à le publier sur votre site Web.

Créez un formulaire pour votre site web

A. Formulaire Popup

Ce formulaire apparaît au milieu de l’écran.

Une fois que vous avez installé avec succès le script du site Web sur votre page, veuillez vous rendre dans la section « LISTES ». Sélectionnez la liste que vous souhaitez associer au formulaire et cliquez sur “Formulaires d’inscription

How to Create and Manage Signup Forms

Cliquez maintenant sur « CRÉER UN FORMULAIRE D’INSCRIPTION« .

How to Create and Manage Signup Forms

Étape 1 – Configuration principale

La configuration principale de votre formulaire est constituée des éléments suivants:

  • Nom de formulaire: Vous devez nommer votre formulaire. Ce nom ne sera visible que par vous.
  • Description: Vous pouvez également ajouter des notes sur le formulaire. De même, la description ne sera visible que par vous.
  • Langue par défaut: sélectionnez la langue du formulaire. Par défaut, la langue est la même que la langue de votre compte eMailChef, mais vous pouvez la modifier pour qu’elle corresponde à la langue de votre site Web sans changer la langue de votre compte.
  • Présentation du formulaire: sélectionnez Popup

REMARQUE: N’oubliez pas qu’un formulaire Popup est un formulaire qui apparaît soudainement sous forme de fenêtre au milieu d’un écran lorsqu’un visiteur atteint une page spécifique de votre site Web.

How to Create and Manage Signup Forms

Pour définir quand le formulaire sera affiché, sélectionnez « Paramètres d’affichage« . Vous avez sept options disponibles :

  • Immédiatement: Le formulaire apparaîtra dès que le visiteur arrive à la page.
  • Après 5 secondes: Le formulaire apparaîtra 5 secondes après que le visiteur arrive à la page.
  • Après 20 secondes: Le formulaire apparaîtra 20 secondes après que le visiteur arrive à la page.
  • En arrivant au milieu de la page: Le formulaire apparaîtra lorsque le visiteur arrive au milieu de la page.
  • En arrivant à la fin de la page: Le formulaire apparaîtra lorsque le visiteur arrive à la fin de la page.
  • Lorsque le visiteur quitte la page: Le formulaire apparaîtra lorsque le visiteur quitte ou ferme la page.
  • En cliquant sur un bouton: Le formulaire s’affichera uniquement lorsqu’un visiteur clique sur un bouton spécifique de la page. Vous devrez ajouter un petit extrait de code à un ou plusieurs boutons de la page.

Une fois que vous avez choisi vos paramètres d’affichage, vous devrez choisir la “Fréquence d’affichage”. Cela définit la fréquence à laquelle vos visiteurs verront le formulaire popup après leur première visite. Par exemple, si vous sélectionnez 7 jours, vos visiteurs ne verront pas le formulaire plus d’une fois par semaine.

Cochez la case « Masquer après la soumission du formulaire » pour ne pas afficher le formulaire une fois que le visiteur l’a rempli. Si cette case n’est pas cochée, le formulaire popup continuera à s’afficher même pour les visiteurs déjà abonnés.

Étape 2 – Conception de formulaire

Choisissez un modèle de formulaire parmi notre large sélection de modèles prêts à l’emploi. Vous pouvez librement personnaliser le formulaire.

How to Create and Manage Signup Forms

Pour modifier le formulaire, cliquez sur le bouton « Éditer le formulaire » ou sur l’aperçu, et cela ouvrira l’éditeur afin que vous puissiez le personnaliser. Pour quitter l’éditeur de formulaires et revenir à la page principale, cliquez sur le bouton « FERMER » en haut à droite.

How to Create and Manage Signup Forms

Éditeur de formulaires

L’éditeur de formulaires utilise un système Drag & Drop (glisser-déposer) pour vous permettre d’ajouter, de supprimer ou de modifier facilement chaque élément. Dans l’exemple suivant, nous glissons-déposons une bloc de texte…

How to Create and Manage Signup Forms

… Ensuite, nous l’éditons en modifiant le texte, l’alignement, le type de police et la taille de la police.

How to Create and Manage Signup Forms

Les mêmes modifications peuvent être effectuées avec tous les éléments de la section de gauche. Les outils de personnalisation changeront avec chaque type d’élément.

Vous pouvez également modifier le style de votre formulaire avec les outils sur la droite.

How to Create and Manage Signup Forms

Utilisez les icônes fléchées pour modifier l’ordre des champs. Cliquez dans le champ, puis glissez-déposez à l’endroit où vous souhaitez le placer.

How to Create and Manage Signup Forms

Tous les champs personnalisés que vous avez créés seront disponibles à partir des éléments par défaut sur la gauche. Par exemple, si vous avez créé un champ pour capturer l’anniversaire des visiteurs, vous pouvez facilement faire glisser et ajouter ce champ au formulaire d’inscription. Toutes les données sont automatiquement synchronisées.

How to Create and Manage Signup Forms

eMailChef vous permet également de créer une version traduite de votre formulaire pour les sites Web qui sont multilingues. Cliquez simplement sur “Ajouter traduction” pour générer une copie traduite.

How to Create and Manage Signup Forms

How to Create and Manage Signup Forms

COMPORTEMENT du formulaire Popup

L’onglet Comportement vous permet de définir le comportement de votre formulaire Popup. Les paramètres s’appliquent au Formulaire d’Inscription et au Message de Confirmation de réussite que les contacts verront après s’être abonnés.

How to Create and Manage Signup Forms

Pour sélectionner les URL où le formulaire apparaîtra, choisissez parmi les paramètres “Contient” et “Exactement”.

L’option « Contient » demande que l’URL contient au moins une partie de la valeur que vous entrez. Par exemple, si vous saisissez « Contient emailchef.com », le formulaire Popup apparaîtra sur emailchef.com/knowledge-base/, emailchef.com/features/, etc.

« Exactement » vous permet de choisir une URL spécifique où le formulaire apparaîtra. Par exemple, « https://emailchef.com/knowledge-base/grow-list-create-signup-form/ » affichera le formulaire Popup uniquement à cette URL.

How to Create and Manage Signup Forms

Une fois que vous avez terminé de modifier votre formulaire et que vous êtes revenu à la page principale, cliquez sur “Suivant”.

Étape 3 : Préférences d’abonnement

Choisissez votre mode d’abonnement préféré. (L’abonnement simple n’est disponible que dans le plan Chef Exécutif). Modifiez les e-mails de confirmation, les alertes de message, les messages de bienvenue et tout ce que vos abonnés doivent voir ou recevoir après s’être inscrits à votre newsletter.

Commencez par choisir si vous souhaitez créer un formulaire d’inscription opt-in double ou opt-in simple :

How to Create and Manage Signup Forms

Opt-in Double

Pour configurer le processus d’abonnement confirmé, vous devez d’abord préparer un e-mail de confirmation d’abonnement. eMailChef enverra cet e-mail à l’abonné immédiatement après l’inscription. L’email contiendra un lien (identifié par la balise [[confirm_link]]) sur lequel l’abonné devra cliquer pour confirmer son inscription et ainsi valider son adresse email. eMailChef inclut déjà un texte par défaut pour vous guider. Vous pouvez également ajouter votre logo, que le système modifiera automatiquement pour l’adapter à l’e-mail.

How to Create and Manage Signup Forms

Pour envoyer à ses abonnés un e-mail de confirmation d’abonnement correctement formaté, eMailChef utilise un système de balises interne personnalisable.

{{h1#L’abonnement a été confirmé}} pour le titre qui apparaît dans le corps de l’e-mail.

{{button#[[confirm_link]]#Oui, inscrivez-moi sur votre liste de diffusion}} pour le bouton de confirmation.

{{a#[[unsubscribe_link]]#Cliquez ici pour vous désabonner}} pour ajouter le lien de désabonnement.

Vous pouvez modifier les mots en italique après le hashtag #.

eMailChef crée également des étiquettes à personnaliser, telles que [[email]], [[first_name]] et [[last_name]]. D’autres étiquettes de personnalisation sont générées à partir des champs personnalisés que vous créez, tels que la date d’ anniversaire ou le pays.

How to Create and Manage Signup Forms

L’étape suivante consiste à composer un message de notification qui apparaît sur votre site Web. Le message indique que l’e-mail de confirmation d’abonnement a été envoyé avec succès. Au lieu d’un message personnalisé, vous pouvez également utiliser une page de destination (landing page) personnalisée en sélectionnant l’option « URL externe » et en saisissant l’URL de votre page de destination.

How to Create and Manage Signup Forms

Pour finaliser le processus, un message de bienvenue apparaîtra une fois que l’abonné aura cliqué sur le lien dans l’e-mail de confirmation d’abonnement.
Si vous choisissez d’utiliser un message personnalisé, une page de destination s’ouvrira contenant le texte de bienvenue. Ou vous pouvez utiliser votre propre landing page personnalisée en sélectionnant l’option « URL externe » et en saisissant l’URL de la page que vous souhaitez afficher.

How to Create and Manage Signup Forms

Vous pouvez également envoyer un message de remerciement pour confirmer à votre nouvel abonné que tout s’est bien passé. Le texte est un simple « Merci de vous être abonné à notre newsletter! » mais vous pouvez personnaliser votre propre message. Si vous ajoutez votre logo, eMailChef le modifiera automatiquement pour l’adapter au message.

How to Create and Manage Signup Forms

Opt-in Simple

Pour créer un formulaire d’abonnement simple (uniquement disponible pour les utilisateurs du plan Chef Executive), il vous suffit d’écrire un message de bienvenue qui apparaîtra sur votre site Web après l’inscription du contact. Par exemple:

How to Create and Manage Signup Forms

Comme le mode d’abonnement confirmé, un abonnement simple permet également d’envoyer un email de remerciement pour confirmer que l’inscription a bien été effectuée. De même, vous pouvez modifier le texte par défaut du message de bienvenue et ajouter votre logo.

How to Create and Manage Signup Forms

Étape 4 – Ajoutez le code

How to Create and Manage Signup Forms

Vous n’avez pas besoin d’ajouter de code supplémentaire à votre site Web pour utiliser les formulaires Popup. Mais si vous souhaitez contrôler les pages sur lesquelles votre formulaire Popup apparaît, utilisez l’onglet Comportements dans l’Éditeur de Formulaires.

Pour ce faire, vous devez avoir installé le Script du site Web que se trouve sur la gauche.

N’oubliez pas que vous devez d’abord installer le script du site Web pour utiliser tout type de formulaire. Le script est le même pour tous les formulaires de votre compte eMailChef, vous n’avez donc pas besoin de l’ajouter plus d’une fois sur le même site Web.

Si vous avez mis un pied de page sur votre site web, le code sera présent sur chaque page.

Si vous ne savez pas ce qu’est le Script du site Web, veuillez retourner à la section “Introduction”.

B. Formulaire Inline

Les formulaires inline sont ceux qui sont intégrés à votre site Web.

Une fois que vous avez installé avec succès le script du site Web sur votre page, veuillez vous rendre dans la section « LISTES ». Sélectionnez la liste que vous souhaitez associer au formulaire et cliquez sur “Formulaires d’inscription

How to Create and Manage Signup Forms

Cliquez maintenant sur « CRÉER UN FORMULAIRE D’INSCRIPTION« .

How to Create and Manage Signup Forms

Étape 1 – Configuration principale

La configuration principale de votre formulaire est constituée des éléments suivants :

  • Nom de formulaire: Vous devez nommer votre formulaire. Ce nom ne sera visible que par vous.
  • Description : Vous pouvez également ajouter des notes sur le formulaire. De même, la description ne sera visible que par vous.
  • Langue par défaut: sélectionnez la langue du formulaire. Par défaut, la langue est la même que la langue de votre compte eMailChef, mais vous pouvez la modifier pour qu’elle corresponde à la langue de votre site Web sans changer la langue de votre compte.
  • Présentation du formulaire: sélectionnez Inline

How to Create and Manage Signup Forms

Étape 2 – Conception de formulaire

Choisissez un modèle de formulaire parmi notre large sélection de modèles prêts à l’emploi. Vous pouvez librement personnaliser le formulaire.

How to Create and Manage Signup Forms

Pour modifier le formulaire, cliquez sur le bouton « Éditer le formulaire » ou sur l’aperçu, et cela ouvrira l’éditeur afin que vous puissiez le personnaliser. Pour quitter l’éditeur de formulaires et revenir à la page principale, cliquez sur le bouton « FERMER » en haut à droite.

How to Create and Manage Signup Forms

Éditeur de formulaires

L’éditeur de formulaires utilise un système Drag & Drop (glisser-déposer) pour vous permettre d’ajouter, de supprimer ou de modifier facilement chaque élément. Dans l’exemple suivant, nous glissons-déposons une bloc de texte…

How to Create and Manage Signup Forms

… Ensuite, nous l’éditons en modifiant le texte, l’alignement, le type de police et la taille de la police.

How to Create and Manage Signup Forms

Les mêmes modifications peuvent être effectuées avec tous les éléments de la section de gauche. Les outils de personnalisation changeront avec chaque type d’élément.

Utilisez les icônes fléchées pour modifier l’ordre des champs. Cliquez dans le champ, puis glissez-déposez à l’endroit où vous souhaitez le placer.

Vous pouvez également modifier le style de votre formulaire avec les outils sur la droite.

How to Create and Manage Signup Forms

Tous les champs personnalisés que vous avez créés seront disponibles à partir des éléments par défaut sur la gauche. Par exemple, si vous avez créé un champ pour capturer l’anniversaire des visiteurs, vous pouvez facilement faire glisser et ajouter ce champ au formulaire d’inscription. Toutes les données sont automatiquement synchronisées.

How to Create and Manage Signup Forms

eMailChef vous permet également de créer une version traduite de votre formulaire pour les sites Web qui sont multilingues. Cliquez simplement sur “Ajouter traduction” pour générer une copie traduite.

How to Create and Manage Signup Forms

How to Create and Manage Signup Forms

Étape 3 : Préférences d’abonnement

Choisissez votre mode d’abonnement préféré. (L’abonnement simple n’est disponible que dans le plan Chef Exécutif). Modifiez les e-mails de confirmation, les alertes de message, les messages de bienvenue et tout ce que vos abonnés doivent voir ou recevoir après s’être inscrits à votre newsletter.

Commencez par choisir si vous souhaitez créer un formulaire d’inscription opt-in double ou opt-in simple :

How to Create and Manage Signup Forms

Opt-in Double

Pour configurer le processus d’abonnement confirmé, vous devez d’abord préparer un e-mail de confirmation d’abonnement. eMailChef enverra cet e-mail à l’abonné immédiatement après l’inscription. L’email contiendra un lien (identifié par la balise [[confirm_link]]) sur lequel l’abonné devra cliquer pour confirmer son inscription et ainsi valider son adresse email. eMailChef inclut déjà un texte par défaut pour vous guider. Vous pouvez également ajouter votre logo, que le système modifiera automatiquement pour l’adapter à l’e-mail.

How to Create and Manage Signup Forms

Pour envoyer à ses abonnés un e-mail de confirmation d’abonnement correctement formaté, eMailChef utilise un système de balises interne personnalisable.

{{h1#L’abonnement a été confirmé}} pour le titre qui apparaît dans le corps de l’e-mail.

{{button#[[confirm_link]]#Oui, inscrivez-moi sur votre liste de diffusion}} pour le bouton de confirmation.

{{a#[[unsubscribe_link]]#Cliquez ici pour vous désabonner}} pour ajouter le lien de désabonnement.

Vous pouvez modifier les mots en italique après le hashtag #.

eMailChef crée également des étiquettes à personnaliser, telles que [[email]], [[first_name]] et [[last_name]]. D’autres étiquettes de personnalisation sont générées à partir des champs personnalisés que vous créez, tels que la date d’anniversaire ou le pays.

How to Create and Manage Signup Forms

L’étape suivante consiste à composer un message de notification qui apparaît sur votre site Web. Le message indique que l’e-mail de confirmation d’abonnement a été envoyé avec succès. Au lieu d’un message personnalisé, vous pouvez également utiliser une page de destination (landing page) personnalisée en sélectionnant l’option « URL externe » et en saisissant l’URL de votre page de destination.

How to Create and Manage Signup Forms

Pour finaliser le processus, un message de bienvenue apparaîtra une fois que l’abonné aura cliqué sur le lien dans l’e-mail de confirmation d’abonnement.
Si vous choisissez d’utiliser un message personnalisé, une page de destination s’ouvrira contenant le texte de bienvenue. Ou vous pouvez utiliser votre propre landing page personnalisée en sélectionnant l’option « URL externe » et en saisissant l’URL de la page que vous souhaitez afficher.

How to Create and Manage Signup Forms

Vous pouvez également envoyer un message de remerciement pour confirmer à votre nouvel abonné que tout s’est bien passé. Le texte est un simple « Merci de vous être abonné à notre newsletter! » mais vous pouvez personnaliser votre propre message. Si vous ajoutez votre logo, eMailChef le modifiera automatiquement pour l’adapter au message.

How to Create and Manage Signup Forms

Opt-in Simple

Pour créer un formulaire d’abonnement simple (uniquement disponible pour les utilisateurs du plan Chef Executive), il vous suffit d’écrire un message de bienvenue qui apparaîtra sur votre site Web après l’inscription du contact. Par exemple:

How to Create and Manage Signup Forms

Comme le mode d’abonnement confirmé, un abonnement simple permet également d’envoyer un email de remerciement pour confirmer que l’inscription a bien été effectuée. De même, vous pouvez modifier le texte par défaut du message de bienvenue et ajouter votre logo.

How to Create and Manage Signup Forms

Étape 4 – Ajoutez le code

How to Create and Manage Signup Forms

Finalement, copiez l’extrait de code HTML « INLINE » et collez-le sur votre site Web à l’endroit où vous souhaitez que le formulaire soit intégré.

Remarque : Si vous avez créé le formulaire dans plusieurs langues, vous devrez copier et coller l’extrait HTML pour chaque langue.

Pour ce faire, vous devez avoir installé le Script du site Web que se trouve sur la gauche.

N’oubliez pas que vous devez d’abord installer le script du site Web pour utiliser tout type de formulaire. Le script est le même pour tous les formulaires de votre compte eMailChef, vous n’avez donc pas besoin de l’ajouter plus d’une fois sur le même site Web.

Si vous avez mis un pied de page sur votre site web, le code sera présent sur chaque page.

Si vous ne savez pas ce qu’est le Script du site Web, veuillez retourner à la section “Introduction”.

C. Formulaire de Landing Page

Ce type de formulaire est hébergé sur notre landing page et peut être utilisé pour la génération de prospects au-delà de votre site Web. Pour créer un formulaire de Landing page, suivez les étapes du type de formulaire inline.

Dans la dernière étape (Obtenir le code), copiez le code de « Hosted » (sous « Formulaire de Landing Page ») et collez-le sur votre site Web, un lien ou un bouton.

How to Create and Manage Signup Forms

Consultez nos derniers articles.