Comment créer un formulaire de contact sur votre site internet sous Divi ?

Utiliser Divi | 0 commentaires


Lorsque vous développez un site internet, il est essentiel d’offrir à vos visiteurs un moyen facile de vous contacter. Un formulaire de contact est un excellent moyen de faciliter cela. Avec Divi, vous pouvez facilement ajouter des formulaires de contact à votre site web. Dans cet article, nous allons vous expliquer comment créer un formulaire de contact sur votre site internet sous Divi. Nous vous guiderons à travers chaque étape, de l’ajout du module de contact à la personnalisation des options et de l’apparence.

Ajoutez le module de contact

Pour ajouter un formulaire de contact à votre site web, vous devez d’abord ajouter le module de contact à la page. Cela peut être fait en quelques étapes simples :

Dans Divi, allez à la page que vous souhaitez modifier

Dans le tableau de bord WordPress, accédez à la page que vous souhaitez modifier et cliquez sur le bouton « Modifier avec Divi ». Ceci vous amènera à l’éditeur visuel Divi.

Cliquez sur le bouton “Ajouter un module”

Une fois dans l’éditeur visuel Divi, cliquez sur le bouton « Ajouter un module ». Vous verrez une liste de modules différents que vous pouvez ajouter à votre page.

Cliquez sur le module “Contact” et sélectionnez “Formulaire de contact”

Une fois que vous avez trouvé le module « Contact », cliquez dessus et sélectionnez l’option « Formulaire de contact ». Une fois que vous avez fait cela, vous serez redirigé vers l’éditeur visuel du module.

Configurez le formulaire

Maintenant que vous avez ajouté le module de contact à votre page, vous devez le configurer pour qu’il fonctionne correctement. Voici les étapes à suivre pour le configurer :

Configurez le formulaire de contact en ajoutant des champs ou en supprimant des champs qui ne sont pas nécessaires

Dans le menu latéral de l’éditeur visuel du module, vous pouvez voir une section intitulée « Champs de formulaire ». Ici, vous pouvez ajouter ou supprimer des champs de formulaire à votre guise. Les champs de base comprennent le nom, l’adresse e-mail, le numéro de téléphone et le message.

Vous pourriez aimer aussi :  5 raisons de choisir le thème Divi pour WordPress

Sélectionnez le type de champ de chaque entrée (nom, email, téléphone, etc.)

En cliquant sur chaque champ, vous pouvez voir une section « Type de champ ». Vous pouvez choisir le type de champ pour chaque entrée. Par exemple, vous pouvez choisir entre une entrée de texte simple, un champ de sélection, un bouton radio, une case à cocher et une liste déroulante.

Ajoutez des champs supplémentaires si vous le souhaitez

Vous pouvez également ajouter des champs supplémentaires si vous le souhaitez. Vous pouvez ajouter des champs de texte supplémentaires, des champs de sélection supplémentaires, des boutons radio, des cases à cocher et des listes déroulantes. Vous pouvez également modifier le nombre de colonnes et la taille des champs et du formulaire entier.

workbook site web

Personnalisez l’apparence

Vous pouvez également personnaliser l’apparence de votre formulaire de contact à l’aide des options de style proposées. Voici les étapes à suivre pour modifier l’apparence de votre formulaire de contact :

Personnalisez l’apparence de votre formulaire de contact à l’aide des options de style proposées

Dans le menu latéral de l’éditeur visuel du module, vous verrez une section intitulée « Style ». Cette section vous permet de modifier l’apparence du formulaire. Vous pouvez choisir la couleur du texte, de la police, des bordures, de l’arrière-plan et des marges.

Choisissez les couleurs, la police, les bordures, les arrière-plans et les marges

Vous pouvez également choisir les couleurs des champs, des boutons et des fonds. Vous pouvez également modifier les marges pour ajuster la taille et la disposition des champs et du formulaire.

Ajustez le nombre de colonnes et la taille des champs et du formulaire

Vous pouvez également ajuster la taille des champs et du formulaire en ajustant le nombre de colonnes et la taille des champs. Vous pouvez aussi choisir la taille du bouton d’envoi.

Définissez les options du formulaire

Une fois que vous avez configuré le formulaire et personnalisé son apparence, vous devez définir les options du formulaire. Voici les étapes à suivre pour le configurer :

Configurez le formulaire pour qu’il envoie des emails à l’adresse de votre choix

Dans le menu latéral de l’éditeur visuel du module, vous verrez une section intitulée « Options ». Ici, vous pouvez définir l’adresse e-mail à laquelle les formulaires seront envoyés. Vous pouvez également choisir le sujet et l’expéditeur des emails.

Choisissez le message de confirmation que vos visiteurs verront une fois le formulaire soumis

Vous pouvez également définir le message de confirmation que les visiteurs verront une fois le formulaire soumis. Vous pouvez ajouter un message personnalisé ou choisir l’une des options prédéfinies.

Autorisez les pièces jointes et configurez les options d’envoi par email

Vous pouvez également autoriser les pièces jointes et configurer les options d’envoi par email. Vous pouvez choisir si vous souhaitez envoyer un email à chaque personne qui soumet le formulaire ou à un groupe d’adresses e-mail.

Vous pourriez aimer aussi :  2 solutions pour ajouter un bouton d'appel à l'action dans votre menu Divi

Ajoutez des options supplémentaires

Une fois que vous avez configuré le formulaire et défini ses options, vous pouvez ajouter des options supplémentaires pour améliorer l’expérience utilisateur et sécuriser le formulaire. Voici les étapes à suivre :

Activez la validation par captcha pour éviter le spam et les abus

La validation par captcha est un moyen très efficace de protéger votre formulaire contre le spam et les abus. Vous pouvez l’activer en allant dans le menu latéral de l’éditeur visuel du module et en activant l’option « Captcha ».

Recaptcha Logo

Ajoutez des boutons radio, cases à cocher et listes déroulantes pour obtenir des informations supplémentaires

Vous pouvez ajouter des boutons radio, cases à cocher et listes déroulantes à votre formulaire pour obtenir des informations supplémentaires sur vos visiteurs. Ces options se trouvent dans la section « Champs de formulaire » de l’éditeur visuel du module.

Utilisez les options de mise en forme avancées pour personnaliser le formulaire

Vous pouvez également utiliser les options de mise en forme avancées pour personnaliser le formulaire. Vous pouvez ajouter des séparateurs, des lignes et des espaces, ainsi que des en-têtes et des sous-titres. Ces options se trouvent dans la section « Options avancées » de l’éditeur visuel du module.

formulaire de contact divi

Conclusion

Avec Divi, vous pouvez facilement ajouter des formulaires de contact à votre site web. Vous pouvez configurer le formulaire en ajoutant ou en supprimant des champs et en sélectionnant le type de chaque champ. Vous pouvez également personnaliser l’apparence du formulaire à l’aide des options de style proposées. Vous pouvez également définir les options du formulaire et ajouter des options supplémentaires pour améliorer l’expérience utilisateur et sécuriser le formulaire. Avec Divi, vous pouvez facilement créer un formulaire de contact pour votre site web.

Comment creer un formulaire de contact sur votre site internet sous Divi generated pin 386309
pinit fg en round red 32
Consultante SEO et Formatrice SEO - WordPress chez Reussir en Ligne
Geek depuis son plus jeune âge, Valérie a créé et référencé son premier site professionnel en 2000. Après plus de 12 ans d'expériences professionnelles dans les médias et le digital, Valérie Verpoest crée son agence digitale en 2018 et développe son organisme de formation certifié Qualiopi en 2020. Depuis le lancement de sa formation, Valérie Verpoest a accompagné plus de 200 entrepreneurs à créer leur site internet sur WordPress et être visible sur les moteurs de recherche.
Valérie passe son temps libre à partager ses connaissances sur les réseaux sociaux et sur ce blog.
Valérie Verpoest

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ATELIER LIVE ChatGPT : Efficacité et Productivité:
Comment gagner du temps et décupler son CA en utilisant l'Intelligence Artificielle
Mardi 31 Janvier à 10h

X