Comment créer un formulaire de contact d’élément gratuit (la façon la plus simple)

Voulez – vous créer un formulaire de contact d’élément gratuit? Même si les visiteurs ne connaissent pas votre adresse e – mail, ils peuvent vous contacter via le formulaire de contact. Dans ce tutoriel, nous vous montrerons la meilleure façon d’ajouter un formulaire de contact à une page d’élément. Cette option s’applique à toutes les versions de l’élément, pas de code complet! Comment configurer le formulaire de contact de l’élément maintenant en créant votre formulaire de contact de l’élément? La façon la plus simple de configurer le formulaire de contact de l’élément est d’utiliser le plug – in wpforms. Wpforms est le meilleur générateur de modules de WordPress. Il est idéal pour les sites Web d’elementor parce qu’il s’intègre parfaitement au générateur de page d’elementor.
Cela signifie que vous pouvez créer la page \
Examinons maintenant le processus de création d’un formulaire de contact en utilisant wpforms et elementor. Comment créer un formulaire de contact gratuit pour elementor Quest
Unité Si vous souhaitez personnaliser le modèle, faites glisser n’importe quel champ de formulaire du panneau de gauche vers le formulaire de droite. Vous pouvez ajouter des listes déroulantes, des questions à choix multiple, etc. Vous pouvez également faire glisser un champ vers le haut ou vers le bas pour le déplacer dans le formulaire. Si vous voulez ouvrir les paramètres du champ, cliquez sur le champ une fois dans le constructeur. Lorsque vous regardez le panneau de gauche, vous verrez les paramètres à côté de l’aperçu du module. Continuez et cliquez sur chaque champ pour le configurer comme vous le souhaitez. Lorsque vous avez terminé, cliquez sur enregistrer en haut. Étape 3: configurer la notification du module element nous permet maintenant de vérifier les messages qui seront envoyés lorsque le formulaire sera soumis. Dans form Builder, cliquez sur paramètres, puis cliquez sur l’élément de menu notification à gauche.
À droite, vous pouvez voir le courriel de notification qui vous sera envoyé après avoir soumis le formulaire. Vous pouvez personnaliser votre courriel ici si vous le souhaitez. Avez – vous remarqué que le courriel sera envoyé à {admin _ email}? C’est un substituant pour l’adresse e – mail de l’administrateur dans WordPress. Vous pouvez supprimer {admin _ email} et saisir votre adresse e – mail d’affaires ici, ou changer l’adresse e – mail {admin email} dans WordPress en cas d’erreur. Étape 4: Définissez le message de confirmation du formulaire d’élément et cliquez sur OK. Sur cet écran, vous pouvez personnaliser les messages qui apparaissent à l’avant lorsque vous soumettez un formulaire.
C’est optionnel, donc si vous êtes satisfait, laissez simplement un message par défaut. C’est tout! Il est temps de cliquer sur le bouton Enregistrer en haut. Vous pouvez fermer module Builder en cliquant sur X dans le coin supérieur droit de la fenêtre module Builder. Bien joué. Votre module elementor est prêt, nous avons juste besoin d’un endroit pour le placer. Étape 5: créer votre page de contact elementor À cette étape, nous créerons une page de contact personnalisée pour votre site el
Mentor Dans le tableau de bord WordPress, cliquez sur la page, puis cliquez sur le bouton Ajouter un nouveau. Continuez, tapez votre titre en haut. C’est au tour de l’elementor. Cliquez sur le bouton Édition bleue avec élément en haut de l’écran. Attendez quelques secondes avant que l’élément ne soit chargé dans votre navigateur. Sur le côté gauche, vous verrez plusieurs éléments que vous pouvez ajouter à la page. Dans la Section de base, vous verrez une icône marquée wpforms. Continuez et faites – le glisser sur la page, puis cliquez sur le menu déroulant pour sélectionner le formulaire que vous venez de créer. Bien joué. Nous l’avons fait avec le générateur de modules. Tout ce que nous avons à faire maintenant est de publier la page contacts.
Étape 6: publier l’élément de votre page de contact. Voulez – vous savoir comment ajouter une page de contact en utilisant l’élément? C’est simple: Vous pouvez publier une page de contact comme vous le feriez pour publier une page régulière dans l’élément. Il suffit de cliquer sur le bouton publier en vert en bas. Enfin, cliquez sur affichage pour voir le formulaire de contact sur votre site Web. C’est tout! Votre page elementor contactez – nous est active et vous pouvez recevoir des réponses à tout moment. Maintenant que vous connaissez le Widget d’élément effrayant de wpforms, vous pouvez voir d’autres choses que le plug – in peut faire pour aider votre formulaire de site.
Si vous souhaitez personnaliser un formulaire, wpforms vous permet de modifier facilement la couleur du texte, la typographie et la couleur de fond en utilisant CSS. Si vous souhaitez en savoir plus, consultez ces articles sur la conception et le style des formulaires de contact: Comment créer une mise en page WordPress personnalisée dans element comment créer une page de contact spéciale comment personnaliser le bouton soumettre dans wpforms, c’est tout! Maintenant vous savez comment créer des modules facilement
Contact de l’élément. Ensuite, Explorez les fonctionnalités de wpforms pro pour voir comment créer des formulaires avancés tels que: un contrat en ligne avec un champ de signature numérique pour le module de téléchargement de fichiers de module de paiement avec intégration de bande. Créer votre formulaire de contact de l’élément maintenant réparer le formulaire de contact de l’élément avis courriel impossible de recevoir la soumission du formulaire de contact de l’élément par courriel? Il est facile de résoudre ce problème afin que vous puissiez toujours recevoir des notifications par courriel. Consultez ce guide pour corriger le formulaire de contact de l’élément qui n’envoie pas de courriel. N’oublie pas! Maintenant que vous avez créé le formulaire elementor, vous devez également créer un formulaire pour vous connecter à votre service de marketing par courriel préféré. Vous pouvez le faire facilement dans wpforms pro, qui comprend les add – ons suivants: drop mailchimp constant contact awewer, et plus encore. Prêt à construire le module? Commencez dès aujourd’hui avec le plugin wordpress contact form le plus simple. Wpforms pro comprend plusieurs tonnes d’ajouts de haute qualité avec une garantie de remboursement de 14 jours. Si cet article est utile, suivez – nous sur Facebook et Twitter pour plus de tutoriels et de guides gratuits sur WordPress.