Création de modèles de formulaires dans les contenus de Connectif

En Connectif, vous pouvez créer des modèles de formulaires dans vos Contenus Web pour standardiser et réutiliser des formulaires.

Dans cet article, vous apprendrez comment créer un formulaire avec l'éditeur de contenu web et comment l'enregistrer en tant que modèle pour l'utiliser dans d'autres contenus.

  

Temps de mise en œuvre : 15 min.
Difficulté : Moyenne.
Quand l'utiliser : Lorsque vous avez besoin de formulaires personnalisés et réutilisables pour votre e-commerce.

ÉTAPE 1 : Création du formulaire

1. Connectez-vous à votre compte Connectif.
2. Allez dans "Contenu > Contenu web" et cliquez sur  Créer un nouveau contenu. Choisissez le type de contenu pour accéder à l'éditeur.

3. Dans l'éditeur de contenu, cliquez sur l'onglet Composants et allez dans la section Formulaires et Enquêtes.

Création de modèles de formulaires - 1-min.png

4. Ajoutez les éléments de formulaire souhaités et modifiez-les pour leur donner le texte et le design souhaités. Suivez les étapes de cet exemple :

  • Ajoutez un champ de type texte pour recueillir le nom du contact.
  • Ajoutez un champ de type email pour recueillir l'adresse électronique du contact.
  • Ajoutez un bouton "submit" pour envoyer le formulaire.

Création de modèles de formulaires - 2-min.png

 

ÉTAPE 2 : Configuration du formulaire

5. Cliquez sur l'onglet Formulaire et, dans la section Type de formulaire, recherchez le menu déroulant et choisissez le type de formulaire que votre modèle doit contenir.

Création de modèles de formulaires - 3-min.png

6. (Optionnel). Dans URL de redirection après envoi du formulaire, configurez l'URL vers laquelle les contacts seront redirigés après avoir soumis le formulaire.

Création de modèles de formulaires - 4-min.png

7. Cochez ou décochez la case Fermer le contenu après l'envoi du formulaire, selon que vous souhaitez que cette action soit effectuée ou non au moment où un contact soumet le formulaire complété.

8. Configurez les autres actions d'envoi, qui varieront en fonction du type de formulaire sélectionné.

 

ÉTAPE 3 : Enregistrement du modèle

9. Une fois votre formulaire conçu et configuré, allez dans l'onglet Composants et, dans la section Composants personnalisés, cliquez sur  Créer un nouveau.

Création de modèles de formulaires - 5-min.png

10. Cochez les cases (Sélectionner) des blocs contenant votre formulaire.

Création de modèles de formulaires - 6-min.png

11. Cliquez sur Enregistrer.

Création de modèles de formulaires - 7-min.png

12. Dans la fenêtre contextuelle, attribuez un nom à votre formulaire et, si vous le souhaitez, ajoutez des étiquettes. Une fois prêt, cliquez sur Enregistrer.

De cette manière, le formulaire que vous venez d'enregistrer sera disponible pour être utilisé comme modèle dans les nouveaux contenus web et emails que vous créez dans votre boutique.

Création de modèles de formulaires - 8-min.png

13. Enregistrez le contenu normalement.

 

ÉTAPE 4 : Utiliser le modèle dans un autre contenu

Une fois les étapes précédentes terminées, vous pourrez utiliser votre nouveau modèle en le faisant glisser ou en double-cliquant sur le composant personnalisé que vous venez de créer.

14. Cliquez sur le contenu où vous souhaitez ajouter le modèle de formulaire.

Création de modèles de formulaires - 9-min.png

15. Dans l'onglet Composants, allez à Composants personnalisés et localisez le modèle que vous venez de créer.

Création de modèles de formulaires - 10-min.png

16. Pour l'ajouter à votre contenu, il vous suffit de cliquer sur le formulaire et de le faire glisser dans l'éditeur de contenu, à l'endroit souhaité, comme tout autre bloc.

Création de modèles de formulaires - 11-min.png

17. Enregistrez le contenu normalement après avoir ajouté votre modèle et, si vous le souhaitez, apporté des modifications à celui-ci.

 

 

Succès !
Vous avez créé et publié votre formulaire dans Connectif.


Continuez à apprendre !

Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de continuer avec les articles suivants :