Comment créer un formulaire de contact Divi dans WordPress

Vous recherchez un moyen facile de créer un formulaire de contact Divi pour votre site WordPress? Divi est l’un des thèmes WordPress les plus populaires sur le marché. Il est livré avec un constructeur intuitif qui vous permet de personnaliser votre site Web à partir de l’avant. Vous pouvez ajouter des formulaires de page tels que des boutons d’action d’appel, des formulaires de contact, etc. Le formulaire Divi contact form vous permet de créer et de saisir des formulaires de contact sans avoir besoin de services de tiers. Si vous souhaitez ajouter un contact de base à votre site Web d’une manière simple, c’est fantastique. Cependant, vous avez besoin d’un plug – in puissant de création de formulaires, comme wpforms, pour mettre en œuvre des fonctionnalités avancées telles que la soumission des utilisateurs, le marketing par courriel, etc.
C’est pourquoi Divi Builder inclut également un module wpforms afin que vous puissiez facilement ajouter un formulaire de contact professionnel en quelques clics. Dans cet article, nous vous montrerons deux façons de créer un formulaire de contact Divi dans WordPress: créer un formulaire de contact en utilisant Divi Builder créer un formulaire de contact en utilisant wpforms créer un contact Divi créer un formulaire de contact en utilisant Divi Builder si vous n’avez pas déjà Divi, vous devez d’abord vous inscrire à un compte Divi. Vous pourrez ensuite accéder au tableau de bord et télécharger les fichiers thématiques. Après l’installation et l’activation du thème Divi sur le tableau de bord WordPress, ouvrez toutes les pages ou les messages que vous souhaitez ajouter au formulaire de contact Divi.
Dans l’éditeur Post, vous verrez le bouton utiliser Divi Builder. Cliquez sur le bouton pour démarrer le générateur à l’avant du site. Sur l’écran suivant, vous verrez l’option de créer une page à partir de zéro, de sélectionner une mise en page par défaut, ou de cloner une page existante. Pour ce tutoriel, nous commencerons par une nouvelle page et ajouterons un formulaire de contact. Ensuite, vous verrez le générateur Divi, où vous pouvez sélectionner le modèle de ligne désiré. Après avoir ajouté des lignes, vous pouvez voir le panneau insérer un Modu
I vous permet d’ajouter différents types de modules de contenu.
Si vous faites défiler vers le bas, vous trouverez le formulaire de contact. Il suffit de cliquer dessus pour entrer le formulaire de contact Divi sur votre site. Par défaut, le formulaire de contact se compose de trois champs de formulaire: nom, courriel et message. Vous pouvez cliquer sur le bouton Ajouter un nouveau champ pour ajouter d’autres champs au formulaire au besoin. De plus, vous trouverez dans les paramètres de texte des options pour changer le titre, envoyer avec succès le message et envoyer le texte du bouton. Divi vous permet également d’envoyer un courriel pour recevoir un avis concernant la soumission d’un nouveau formulaire.
Vous trouverez également d’autres options utiles, telles que des liens de redirection, la protection contre les pourriels, les paramètres de fond, etc. Avec le formulaire de contact Divi, vous pouvez facilement ajouter un formulaire de contact simple au site WordPress. Il existe de nombreuses options de personnalisation afin que vous puissiez correspondre à votre style de marque. Si vous souhaitez ajouter plus de fonctionnalités avancées au formulaire de contact Divi, vous devez créer un plug – in en utilisant un bon formulaire. C’est exactement ce que nous allons faire dans la prochaine approche. Nous vous montrerons comment créer des contacts Divi en utilisant le générateur de formulaires le plus puissant de WordPress, wpforms.
Créer un formulaire de contact Divi en utilisant wpforms Wpforms est le meilleur plugin pour créer des modules glisser – déposer pour WordPress. Il vous permet de créer n’importe quel type de formulaire, comme un formulaire de contact, un formulaire d’inscription, un formulaire de téléchargement, etc., en quelques clics. Wpforms est livré avec plus de 100 modèles de formulaire par défaut, de sorte que vous n’avez pas besoin de créer un formulaire de contact à partir de zéro. Vous pouvez ajouter ou supprimer n’importe quel champ de formulaire et le personnaliser au besoin. Vous n’avez même pas besoin de connaissances en programmation. Tous les formulaires de contact créés avec wpfor
Le gin de WordPress. Une fois que les wpforms sont installés et activés sur le site, allez à l’onglet paramètres des wpforms dans le tableau de bord de l’administration. Ici, vous devez entrer la clé de licence et cliquer sur le bouton valider la clé. Vous verrez ensuite un message de validation réussi. Vous pouvez maintenant commencer à créer un formulaire de contact en utilisant wpforms. Étape 2: créer un formulaire de contact pour créer un nouveau formulaire, allez à ajouter un nouvel onglet sur le tableau de bord WordPress. Ceci lancera une bibliothèque de modèles où vous pouvez rechercher des modèles de formulaire de contact pour votre site Web.
Pour ce tutoriel, nous commencerons par un modèle simple de formulaire de contact. Ce modèle comprend tous les champs de formulaire de base requis pour le formulaire de contact, comme le nom, le courriel et le message. Vous pouvez également prévisualiser tout autre modèle pour voir quel modèle vous convient le mieux. Saisissez un nom pour le formulaire de contact et cliquez sur le bouton utiliser le modèle sur le modèle de formulaire sélectionné. Sur l’écran suivant, vous verrez le générateur de modules glisser – déposer pour wpform. Tous les champs du formulaire sont à gauche et l’aperçu du formulaire est à droite de la page.
Vous trouverez un grand nombre de champs de formulaire utiles, tels que les nombres, les menus déroulants, les sélections multiples, les téléchargements de fichiers, les notations, le texte riche, et plus encore. Pour insérer un champ de formulaire, il suffit de le faire glisser à gauche et de le placer dans l’aperçu du formulaire. Si vous souhaitez personnaliser l’un des champs du formulaire, vous pouvez les cliquer et vous verrez les options de champ. Les options peuvent être utilisées pour modifier l’étiquette du formulaire, la description, les options obligatoires et d’autres options supplémentaires, selon les champs du formulaire. Après avoir ajouté tous les champs requis au formulaire de contact Divi, cliquez sur le bouton Enregistrer en haut du constructeur de formulaires. Ensuite, vous devez configurer les paramètres du module, les notifications
Et confirmation. Étape 3: configurer les paramètres du module pour modifier les paramètres du module, ouvrez l’onglet paramètres généraux dans le panneau de menu gauche du constructeur du module. Vous pouvez modifier le nom du formulaire, la description du formulaire, le texte du bouton soumettre, etc. Vous pouvez également choisir d’activer la protection anti – spam sur votre site. Ceci définit Google recaptcha pour votre formulaire de contact. Allez à l’onglet configuration des notifications et Configurez les notifications par courriel pour le formulaire de contact Divi. Vous verrez une notification par défaut envoyée à l’adresse e – mail de l’Administrateur. Vous pouvez ajouter plusieurs adresses e – mail ou cliquer sur le bouton Ajouter de nouvelles notifications pour envoyer plusieurs formulaires de notification. Utilisez cette fonctionnalité pour vous informer, vous et les membres de votre équipe, de la soumission de nouveaux formulaires, de l’envoi des détails de soumission aux clients, etc. Si vous souhaitez en savoir plus, consultez notre guide pour savoir comment mettre en place le bon formulaire de notification et de confirmation. De même, wpforms vous permet de décider ce qui se passe lorsque les utilisateurs soumettent leurs coordonnées à votre site. Allez à l’onglet paramètres confirmer et vous verrez les options pour sélectionner une action de confirmation. Ensuite, après que l’utilisateur a appuyé sur le bouton envoyer, vous pouvez afficher un message de remerciement personnalisé à l’avant. Alternativement, sélectionnez l’option redirection pour diriger l’utilisateur vers une autre page ou URL externe sur le site. Une fois la configuration du formulaire terminée, assurez – vous de cliquer sur le bouton Enregistrer. Maintenant que votre formulaire de contact est prêt, vous pouvez l’insérer dans votre site Web en utilisant Divi Builder. Étape 4: ajouter le formulaire wpforms à Divi pour ajouter ce formulaire de contact à n’importe quelle page ou poste, ouvrez Divi Builder et sélectionnez une disposition de ligne, comme nous l’avons fait pour le formulaire de contact Divi
– Oui. La seule différence ici est que vous devez rechercher le module wpforms. Lorsque vous entrez dans le bloc wpforms, vous verrez les paramètres pour sélectionner le formulaire de contact que vous venez de créer. Il existe également des options pour afficher le titre et la description du formulaire de contact. Vous pouvez même utiliser Divi Builder pour modifier la conception et le style des formulaires de contact. Lorsque vous êtes satisfait de l’apparence du formulaire de contact Divi, cliquez sur le bouton avec une coche à droite. Étape 5: publier le formulaire de contact Divi la dernière étape consiste à publier le formulaire de contact. Pour ce faire, cliquez sur le bouton 3 points en bas de Divi Builder. Vous verrez ensuite différentes options, telles que zoom, aperçu de la réponse, etc. Il y a deux boutons à droite: enregistrer le brouillon et publier. Cliquez sur le bouton publier pour publier la page et le formulaire de contact sur le site WordPress. Vous avez créé avec succès un formulaire de contact en utilisant Divi et wpforms. Bien que Divi fournisse un formulaire de contact, il manque certaines fonctionnalités telles que le téléchargement de fichiers, la gestion d’entrées et l’intégration de listes de courriels. Avec wpforms, vous pouvez facilement résoudre ces problèmes. Il contient des fonctionnalités pour vous aider à créer une variété de contacts, de base à professionnel. Wpforms vous permet également de créer des modules WordPress à n’importe quelle fin, selon vos besoins. Vous pouvez créer des formulaires de commande, des formulaires de registre d’activités, des formulaires de registre, etc. C’est tout pour aujourd’hui! Nous espérons que ce tutoriel vous aidera à apprendre comment créer facilement un formulaire de contact Divi dans WordPress. Si vous souhaitez obtenir plus d’aide sur les modules WordPress, consultez les ressources suivantes: Comment créer les meilleurs outils d’acquisition de courriels de wordpress pour les formulaires d’inscription d’événements dans WordPress 8 et comment réduire facilement l’éblouissement
Ces messages vous aideront à vous inscrire sur les formulaires WordPress et à élargir votre liste de courriels. Ce dernier vous aidera à réduire le taux d’abandon sur le formulaire et à augmenter le taux de conversion.