Comment créer et améliorer un formulaire de contact avec Divi contact extended ?

formulaire de contact DIVI
Publié le : 24 septembre 2024
B
G
B

Si maximiser vos interactions avec vos visiteurs est le but, le formulaire de contact est votre allié. Divi Contact Extended est un outil puissant intégré au thème Divi. Son superpouvoir, c’est de créer un formulaire de contact avec des options personnalisées qui maximisent l’interaction et la collecte d’informations.

Prêt à transformer votre formulaire en véritable outil interactif ? Poursuivez !

Pourquoi un formulaire de contact est-il indispensable ?

Le formulaire de contact est plus qu’un simple gadget sur votre site. Il sert d’interface directe avec vos visiteurs. Il facilite l’interaction directe. Il permet aux visiteurs de vous poser des questions, d’émettre des avis ou de vous demander un devis. L’autre avantage, c’est que vous pouvez en obtenir des informations clés : nom, email, voire numéro de téléphone.

formulaire de contact site web

Grâce à un formulaire structuré, vous triez facilement vos messages et y répondez efficacement. Par conséquent, il améliore la gestion des demandes.

En dernier et non le moindre, un bon formulaire incite les visiteurs à prendre action. Il peut augmenter la conversion de manière efficace, que ce soit pour une inscription à une newsletter ou une demande de contact.

Divi Contact Extended : comment l’utiliser ?

Avec Divi Contact Extended, vous avez un outil capable de transformer un formulaire classique en machine à interaction entre vos mains. En effet, ce plugin propose des options de personnalisation avancées qui permettent de créer des formulaires dynamiques qui tendances web design.

Ajoutez vos champs

Avec Divi Contact Extended, vous pouvez ajouter différents types de champs personnalisés pour collecter les informations qui sont importants pour vous :

  • champ d’entrée
  • champ email
  • zone de texte
  • case à cocher
  • boutons radiaux
  • menu déroulant

La case à cocher est utile pour proposer de multiples choix, comme des abonnements ou des préférences de contact. Quant aux boutons radiaux, ils sont à utiliser quand vous voulez limiter les choix à une seule option (genre, catégorie, etc.). Puis, optez pour un menu déroulant, super pratique pour proposer une liste d’options : pays de résidence ou service spécifique, par exemple.

Divi Contact Extended

Bien évidemment, ce ne sont là que des conseils et ces champs sont entièrement personnalisables. Vous pouvez les configurer comme obligatoires ou non, ajuster leur design et les organiser pour rendre le formulaire plus intuitif.

Utilisez les logiques conditionnelles

Pour un formulaire intelligent, interactif et sur-mesure, utilisez les logiques conditionnelles de Divi Contact Extended. Il vous permet d’afficher ou masquer des champs en fonction des réponses de l’utilisateur. Si un visiteur sélectionne « Oui » à la question « Souhaitez-vous recevoir nos offres exclusives ? », un champ supplémentaire apparaît pour qu’il renseigne son adresse email.

Cela permet d’ajouter uniquement les informations pertinentes et évite de surcharger le formulaire pour ceux qui ne sont pas intéressés.

Personnalisez le message de confirmation

Ne laissez pas vos visiteurs dans l’incertitude après avoir soumis leur formulaire. Avec Divi Contact Extended, personnalisez le message de confirmation qui apparaît après l’envoi du formulaire. Un simple « Merci pour votre message ! Nous vous répondrons sous 24 heures» suffit. Le but, c’est de rassurer et d’engager vos utilisateurs.

En revanche, pensez à adapter ce message selon les actions que vous souhaitez qu’ils entreprennent ensuite. C’est très important. Vous pouvez par exemple les encourager à s’abonner à votre newsletter ou à vous suivre sur les réseaux sociaux.

Redirection intelligente après soumission

Ne laissez pas vos utilisateurs sur une page statique après la soumission. Profitez de l’option de redirection pour les diriger vers une page spécifique. Il peut s’agir d’une page de remerciement personnalisée, d’une offre spéciale, ou encore d’un espace membre. Vous pouvez aussi analyser l’efficacité de vos formulaires avec Google Analytics. Comme cela, vous pouvez suivre précisément les soumissions et adapter votre stratégie marketing. Oui, c’est la suite logique…

Stopper les spams avec reCAPTCHA

Les spams peuvent rapidement devenir une plaie pour vos formulaires. Heureusement, Divi Contact Extended intègre une protection anti-spam performante avec reCAPTCHA v3 de Google. Simple à activer, ce système garantit que seuls les utilisateurs humains peuvent soumettre des formulaires. Pour l’installer, suivez ces étapes simples :

  1. Activez l’option anti-spam dans Divi.
  2. Créez un compte reCAPTCHA v3.
  3. Récupérez vos clés API.
  4. Intégrez ces clés dans votre module.
Stopper les spams avec reCAPTCHA

Intégrer des fichiers à vos formulaires

Divi Contact Extended ne permet pas directement de recevoir des fichiers via votre formulaire, mais vous pouvez contourner cette limitation. Demandez simplement à vos utilisateurs de fournir un lien WeTransfer via un champ personnalisé. Grâce aux logiques conditionnelles dont on a parlé plus haut, ce champ n’apparaît que si l’utilisateur souhaite envoyer un fichier, simplifiant ainsi le processus.

Personnaliser l’apparence de votre formulaire avec CSS

Divi Contact Extended offre des options de personnalisation visuelle déjà très poussées. Allez encore plus loin en ajoutant du CSS personnalisé, parce que votre site internet, c’est vous ! Pour adapter votre formulaire à votre charte graphique pour une intégration parfaite dans votre site, vous pourrez ajuster :

  • la taille des champs,
  • la couleur des boutons,
  • l’apparence des messages d’erreur.

Divi Contact Extended : la baguette magique qu’il vous faut !

Améliorer votre formulaire de contact, c’est le rendre joli, certes, mais pas que. En effet, il s’agit de créer un formulaire plus efficace, qui :

  • Capte l’attention des visiteurs avec des champs interactifs et intuitifs.
  • Encourage la soumission grâce à une interface simple et personnalisée.
  • Sécurise les données en empêchant les spams et en protégeant les informations sensibles.
  • Augmente la conversion en incitant les utilisateurs à interagir plus facilement avec vous.

Divi Contact Extended est un outil de taille qui contribue au succès de Divi en faisant de vrais petits miracles. L’utiliser pour vos formulaires vous permet d’offrir une expérience utilisateur optimisée. Maximisez les opportunités d’interaction avec votre audience ! C’est un outil puissant qui rend la communication fluide et qui vous permet de récolter les données qui sont essentielles au bon fonctionnement de votre business.

Ecrit par Emile Vardanian

Directeur du CNFN. Passionné, il forme à la création de site internet depuis 2014, essentiellement sur le CMS WordPress, favorisant l'apprentissage et l'innovation.