Créer et insérer un formulaire sur votre site web avec Connectif

Dans cet article, vous apprendrez à ajouter un formulaire (d'inscription ou d'enregistrement) à vos contenus web pour l'afficher sur votre eCommerce via un workflow.

  

Temps de mise en œuvre : 20 min.
Difficulté : Faible.
Quand l'utiliser : Lorsque vous avez besoin de capturer des contacts sur votre site web.

ÉTAPE 1 : Création du contenu et du formulaire

(Cette section explique comment créer le contenu Web, dans ce cas un popup, qui contiendra le formulaire d'inscription).

1. Accédez à votre compte Connectif.

2. Allez dans "Contenu > Contenu web" et cliquez sur  Créer un nouveau contenu.

3. Sélectionnez le type de contenu dans lequel vous allez insérer le formulaire qui correspond le mieux à votre stratégie.

  

Vous pouvez insérer un formulaire dans n'importe lequel des Contenus Web de Connectif disponibles.

Insérer un formulaire d'inscription sur votre site - 1-min.png

  

Dans notre exemple, nous avons choisi un contenu web de type popup, mais ce processus est valable pour tout autre type de contenu.

4. Dans l'Éditeur de Contenu, cliquez sur l'onglet Composants et allez à la section Formulaires et Enquêtes. Ajoutez les éléments de formulaire souhaités et modifiez-les pour leur donner le texte et le design souhaités ; vous pouvez également ajouter des variables. Dans cet exemple, nous avons ajouté :

  • Un champ de type email pour recueillir l'email du contact.
  • Un champ de type texte pour recueillir le nom du contact.
  • Un bouton "submit" pour envoyer le formulaire.

Insérer un formulaire d'inscription sur votre site - 2-min.png

5. Cliquez sur l'onglet Formulaire et, dans la section Type de Formulaire, choisissez le type "Événement" ou "Inscription" dans la liste déroulante, selon le cas.

 

Dans Connectif, il est important de distinguer les formulaires d'inscription et d'enregistrement, car ils remplissent des fonctions différentes :

- Formulaire d'inscription : Utilisé pour abonner de nouveaux contacts à une liste spécifique, comme une newsletter. Ne nécessite pas que le contact ait déjà un compte sur votre site.
- Formulaire d'enregistrement : Utilisé pour créer un compte utilisateur sur votre site. Inclut généralement plus de champs d'information et peut nécessiter une validation par email.

Insérer un formulaire d'inscription sur votre site - 3-min.png

6. Dans la liste déroulante Email identifiant , sélectionnez le champ "Email" que vous avez ajouté à votre formulaire.

7. (Optionnel). Activez la case Abonner le contact à la newsletter lors de l'envoi du formulaire pour ajouter les contacts ayant rempli le formulaire à vos listes de newsletter, si nécessaire.

Insérer un formulaire d'inscription sur votre site - 4-min.png

8. Une fois votre contenu configuré, cliquez sur Enregistrer pour sauvegarder.

 

ÉTAPE 2 : Configuration du workflow pour afficher le contenu

(Cette section explique comment créer le workflow qui affichera le contenu web contenant le formulaire sur votre site).

9. Accédez depuis le menu latéral gauche à la section Workflows, cliquez sur  Créer un nouveau workflow et sélectionnez  Créer un workflow vierge.

10. Cliquez sur  (Modifier la configuration du nœud) du nœud "Début".

11. Dans Sélectionner une restriction, cochez "Toute ma liste" et, dans la liste déroulante, sélectionnez "Contacts sans email".

12. Dans Sélectionner la source de données, cochez "Tous les existants et les nouveaux".

13. Cliquez sur  Appliquer.

Insérer un formulaire d'inscription sur votre site - 5-min.png

14. Ajoutez un nœud de type action "Lors de la visite de la page" pour réagir au moment où un contact sans e-mail visite une page du site. 

Insérer un formulaire d'inscription sur votre site - 6-min.png

15. Accédez à la configuration du nœud "Lors de la visite de la page" et sélectionnez sur quelles pages vous souhaitez afficher la popup avec le formulaire d'inscription. 

 

Si vous souhaitez placer le formulaire uniquement sur une URL spécifique, vous devez cocher l'option Exactement sur l'une des pages suivantes et indiquer l'URL de la page d'atterrissage où le formulaire doit apparaître, comme indiqué dans l'exemple.

Insérer un formulaire d'inscription sur votre site - 7-min.png

16. Dans l'onglet Limitations du nœud "Lors de la visite de la page", cliquez sur la case "Désactiver après déclenchement" pour la décocher. Cliquez sur Appliquer pour enregistrer les modifications de configuration.

Insérer un formulaire d'inscription sur votre site - 8-min.png

17. Ajoutez le nœud de type action "Envoyer du contenu web", qui sera chargé d'afficher le formulaire que vous venez de créer dans l'Étape 1.

Insérer un formulaire d'inscription sur votre site - 9-min.png

18. Accédez à la configuration du nœud "Envoyer du contenu web" et sélectionnez le contenu que vous venez de créer. 

Insérer un formulaire d'inscription sur votre site - 10-min.png

19. Cliquez sur Suivant pour configurer la manière dont le contenu sera affiché.

 

Si vous avez besoin de plus d'informations sur la façon d'insérer un contenu web sur votre page, consultez cet article.

Si vous avez besoin de plus d'informations sur l'insertion d'un inline sur votre page, consultez cet article

20. (Optionnel). Si le contenu inclut des variables, une étape suivante apparaîtra pour les associer, comme illustré.

Insérer un formulaire d'inscription sur votre site - 11-min.png

 

Dans cet exemple, le formulaire ne contient pas de variables.

21. Cliquez sur Appliquer pour enregistrer la configuration du nœud.

22. Dans l'éditeur de workflows, activez votre flux pour que le formulaire soit disponible sur votre site web.

 

 Succès !
Votre formulaire d'inscription est intégré à votre site web.


Continuez à apprendre !

Pour exploiter pleinement le potentiel de votre compte Connectif, nous vous recommandons de consulter les articles suivants :