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 permet de personnaliser votre site Web à partir de lrsquoavant. Vous pouvez ajouter des formulaires de page tels que des boutons drsquoaction drsquoappel, des formulaires de contact, etc. Le formulaire Divi contact form permet de créer et de saisir des formulaires de contact sans avoir besoin de services de tiers. souhaitez ajouter un contact de base à votre site Web drsquoune manière simple, crsquoest fantastique. Cependant, avez besoin drsquoun 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.
Crsquoest pourquoi Divi Builder inclut également un module wpforms afin que puissiez facilement ajouter un formulaire de contact professionnel en quelques clics. Dans nous 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 n’avez pas déjà Divi, devez d’abord inscrire à un compte Divi. Vous pourrez ensuite accéder au tableau de bord et 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 souhaitez ajouter au formulaire de contact Divi.
Dans lrsquoéditeur Post, verrez le bouton utiliser Divi Builder. Cliquez sur le bouton pour démarrer le générateur à lrsquoavant du site.
Sur lrsquoécran suivant, verrez lrsquooption 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, verrez le générateur Divi, où pouvez sélectionner le modèle de ligne désiré.
Après avoir ajouté des lignes, pouvez voir le panneau insérer un Modu
I permet drsquoajouter différents types de modules de contenu.
faites défiler vers le bas, 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 drsquoautres champs au formulaire au besoin.
De plus, 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 permet également drsquoenvoyer un courriel pour recevoir un avis concernant la soumission drsquoun nouveau formulaire.
Vous trouverez également drsquoautres 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, pouvez facilement ajouter un formulaire de contact simple au site WordPress. Il existe de nombreuses options de personnalisation afin que puissiez correspondre à votre style de marque. souhaitez ajouter plus de fonctionnalités avancées au formulaire de contact Divi, devez créer un plug in en utilisant un bon formulaire. Crsquoest exactement ce que nous allons faire dans la prochaine approche. Nous 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 permet de créer nrsquoimporte quel type de formulaire, comme un formulaire de contact, un formulaire drsquoinscription, 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 nrsquoavez pas besoin de créer un formulaire de contact à partir de zéro. Vous pouvez ajouter ou supprimer nrsquoimporte quel champ de formulaire et le personnaliser au besoin. Vous nrsquoavez 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 à lrsquoonglet paramètres des wpforms dans le tableau de bord de lrsquoadministration. Ici, 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ù 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 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 lrsquoécran suivant, verrez le générateur de modules glisser déposer pour wpform. Tous les champs du formulaire sont à gauche et lrsquoaperç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 lrsquoaperçu du formulaire.
souhaitez personnaliser lrsquoun des champs du formulaire, pouvez les cliquer et verrez les options de champ. Les options peuvent être utilisées pour modifier lrsquoétiquette du formulaire, la description, les options obligatoires et drsquoautres 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, 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 lrsquoonglet 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 drsquoactiver la protection anti spam sur votre site. Ceci définit Google recaptcha pour votre formulaire de contact.
Allez à lrsquoonglet configuration des notifications et Configurez les notifications par courriel pour le formulaire de contact Divi. Vous verrez une notification par défaut envoyée à lrsquoadresse e mail de lrsquoAdministrateur. 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 informer, et les membres de votre équipe, de la soumission de nouveaux formulaires, de lrsquoenvoi des détails de soumission aux clients, etc.
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 permet de décider ce qui se passe lorsque les utilisateurs soumettent leurs coordonnées à votre site. Allez à lrsquoonglet paramètres confirmer et verrez les options pour sélectionner une action de confirmation.
Ensuite, après que lrsquoutilisateur a appuyé sur le bouton envoyer, pouvez afficher un message de remerciement personnalisé à lrsquoavant. Alternativement, sélectionnez lrsquooption redirection pour diriger lrsquoutilisateur vers une autre page ou URL externe sur le site. Une fois la configuration du formulaire terminée, assurez de cliquer sur le bouton Enregistrer. Maintenant que votre formulaire de contact est prêt, pouvez lrsquoinsérer dans votre site Web en utilisant Divi Builder. Étape 4: ajouter le formulaire wpforms à Divi pour ajouter ce formulaire de contact à nrsquoimporte quelle page ou poste, ouvrez Divi Builder et sélectionnez une disposition de ligne, comme nous lrsquoavons fait pour le formulaire de contact Divi
Oui. La seule différence ici est que devez rechercher le module wpforms.
Lorsque entrez dans le bloc wpforms, verrez les paramètres pour sélectionner le formulaire de contact que 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 êtes satisfait de lrsquoapparence 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 drsquoentrées et lrsquointégration de listes de courriels. Avec wpforms, pouvez facilement résoudre ces problèmes. Il contient des fonctionnalités pour aider à créer une variété de contacts, de base à professionnel. Wpforms 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 drsquoactivités, des formulaires de registre, etc. Crsquoest tout pour aujourdrsquohui! Nous espérons que ce tutoriel aidera à apprendre comment créer facilement un formulaire de contact Divi dans WordPress. 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 aideront à inscrire sur les formulaires WordPress et à élargir votre liste de courriels. Ce dernier aidera à réduire le taux drsquoabandon sur le formulaire et à augmenter le taux de conversion.
Comment créer un formulaire de contact Divi dans WordPress
