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.
Sommaire
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.
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.
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.
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 ».
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.
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.
Valérie passe son temps libre à partager ses connaissances sur les réseaux sociaux et sur ce blog.
- Les bonnes pratiques pour l’optimisation des vidéos Youtube : découvrez comment booster votre chaîne comme un expert en marketing ! - juin 22, 2023
- Comment utiliser le storytelling pour améliorer votre site web : le guide ultime pour capter l’attention de vos visiteurs - juin 19, 2023
- Les secrets révélés : comment créer un blog attrayant et générer du trafic pour maximiser votre succès en ligne ! - juin 15, 2023
0 commentaires