Comment utiliser elementor pour créer un formulaire de contact (gratuit et payant)
Ro dans cette méthode, vous devez acheter une licence elementor pro. Nous vous recommandons fortement de l’utiliser car vous pouvez personnaliser l’apparence du formulaire au besoin et il correspond parfaitement au site.
Avec cette méthode, vous pouvez accéder non seulement à tous les bons widgets elementor pro, mais aussi à la grande bibliothèque de modèles qui l’accompagne. De plus, avec elementor pro, vous pouvez révolutionner votre site! Voici comment ajouter un formulaire de contact pour elementor pro. Étape 1: ajoutez le Widget de contact de l’élément à votre page d’abord, ouvrez la page sur laquelle vous voulez utiliser le formulaire de contact de l’élément. Si vous n’êtes pas certain de l’endroit où placer votre formulaire de contact sur votre site Web, votre page d’accueil et votre page d’information sont un excellent endroit pour placer votre formulaire de contact.
Une fois la page ouverte dans l’élément dans le panneau de l’éditeur, vous pouvez utiliser le Widget formulaire de contact: Dans l’élément, il s’agit d’un widget appelé formulaire. Faites glisser le Widget de formulaire sur la page et vous verrez la sortie de base du formulaire de contact comme suit:
Nom du courriel (après tout, vous en avez besoin pour répondre!) Renseignements Voici les coordonnées de base dont vous avez besoin. Mais plus de domaines? Vous voulez connaître le budget du client? Ou posez – vous des questions de présélection afin que vous puissiez rapidement réduire le nombre de pistes correctes et incorrectes lorsque vous obtenez de l’information? Explorons – les ensuite. Étape 3: ajouter des champs au formulaire de contact de l’élément pour ajouter des champs au formulaire de l’élément, cliquez sur AGG
A lorsque vous cliquez sur répondre dans le client e – mail. Par défaut, il s’agit d’un courriel de l’Administrateur du site, mais vous devrez peut – être le modifier. Cliquez sur la boîte déroulante et définissez – la au champ e – mail. CC – Voulez – vous que quelqu’un soit dans le CC du courriel? Entrez leurs adresses e – mail ici et envoyez – les à plusieurs adresses e – mail séparées par des virgules. BCC – Dois – je l’envoyer à BCC? Entrez leurs adresses e – mail ici et envoyez – les à plusieurs adresses e – mail séparées par des virgules. Ensuite, vous verrez un champ de méta – boîte contenant des métadonnées que vous pouvez définir pour soumettre lorsque vous soumettez le formulaire.
Il n’est généralement pas nécessaire d’apporter des modifications ou des modifications. Enfin, il y a l’option \
Le formulaire de contact de l’élément a été créé et publié avec succès! Mais ce n’est pas la fin de l’histoire. Ce qui précède n’est valable que si vous utilisez elementor pro. Le prix est de 49 $, et bien qu’il soit bon marché, tout le monde n’a pas 49 $à dépenser sur le plug – in. Heureusement, vous pouvez travailler avec elementor avec une gamme de solutions de formulaire de contact alternatives gratuites. Si vous construisez l’ensemble du site sur elementor et quand utiliser la méthode de paiement, l’investissement dans elementor pro est vraiment payant, car il peut faire beaucoup plus que simplement ajouter des coordonnées. Après l’installation d’elementor pro, vous obtenez plus de 300 modèles de conception, plus de 90 widgets, plus de 60 kits de site Web et un support avancé. Vous avez également le contrôle total sur les sites personnalisés. Si vous aimez le commerce électronique, vous pouvez personnaliser chaque page, billet, barre latérale, en – tête, pied de page et même page de produit. Avec le module elementor pro, vous pouvez intégrer votre module à de nombreux outils de marketing par courriel populaires, ce qui vous permet de transformer directement votre public en abonné. Il s’agit d’une fonctionnalité unique à de nombreuses versions avancées du plug – in contact. Ça a l’air bien, non? Nous vous recommandons fortement de créer un site Web entièrement en utilisant elementor pro. C’est probablement la meilleure des deux façons d’ajouter un formulaire de contact à un site Web. Quand elementor pro ne doit – il pas être utilisé? Vous pouvez sauter l’achat d’elementor pro si vous n’avez besoin que d’un contact simple sur le site Web et que vous n’avez pas besoin de certaines fonctionnalités avancées. Dans la section suivante, nous vous montrerons comment ajouter un formulaire de contact à votre site Web en utilisant la version gratuite d’elementor. Il est facile d’ajouter un formulaire de contact gratuitement à l’élément. Tout ce que vous avez à faire est d’installer un plug – in pour le formulaire de contact tiers qui permet
Et intégration de code court. Elementor est très polyvalent en intégration et fonctionne bien avec la plupart des plug – ins wordpress pour les formulaires de contact. Avant de passer à la procédure exacte, jetez un coup d’oeil aux 4 plug – ins de formulaire de contact les plus conviviaux pour elementor. Les 5 meilleurs plug – ins de formulaire de contact amical fournis par elementor 1. Point du moyeu Le plug – in WordPress de hubspot est un plug – in de marketing tout – en – un gratuit et est fiable par plus de 100 000 utilisateurs. Avec ce plugin, vous pouvez facilement ajouter des formulaires, des POP – ups, des discussions en direct, des analyses et plus encore à votre site WordPress. Quelle est la meilleure partie? Tout est automatiquement synchronisé avec hubspot CRM, vous donnant un enregistrement centralisé des contacts qui interagissent avec le site. Utilisez hubspot pour ajouter de nouveaux modules et pop – ups à la page de l’élément, ou synchronisez automatiquement les modules existants au CRM. Prix: démarrage gratuit avec hubspot 2. Coordonnées 7 Le formulaire de contact 7 est l’un des plugins de formulaire de contact les plus populaires de WordPress. C’est entièrement gratuit et il y a plus de 5 millions d’installations actives qui devraient vous dire tout ce que vous devez savoir! Bien que sa fonctionnalité soit simple, si vous n’avez besoin que d’un formulaire de contact simple, il vaut la peine de le voir. Vous pouvez utiliser le Code court intégré pour placer n’importe quel formulaire rapidement et facilement dans les pages et les messages. Si vous voulez plus de contrôle sur le style, le plug – in ultime de l’élément dispose d’un widget de style de formulaire de contact 7. Prix: départ gratuit, contact 7 3. Wpforms Wpforms a plus de 3 millions d’installations actives. Il s’agit d’un plug – in gratuit où la version de base est gratuite, mais une version avancée est disponible. Bien que la version gratuite offre beaucoup de fonctionnalités que vous voulez pour créer un contact de base, beaucoup de fonctionnalités sont gratuites
Version pro seulement. Comme pour le formulaire de contact 7, vous pouvez utiliser le Code court wpforms pour placer votre formulaire de contact sur la page de l’élément (ou toute autre page). Le plug – in ultime d’elementor dispose également d’un widget de style personnalisé pour wpforms! Prix: à partir de 79 $pour la version gratuite et la version professionnelle. À partir de wpform 4. Formate Forminator est le plugin de module freemium WordPress développé par les développeurs wpmu. Ils sont les développeurs du plugin smoush populaire qui a plus de 2 millions d’installations actives! Avec une interface utilisateur facile à utiliser, le formateur est une excellente alternative aux plug – ins modulaires populaires. Il dispose également d’un support paypal et Stripe intégré. Comme les autres plug – ins que nous avons mentionnés ici, il est facile d’ajouter un formateur à une page basée sur l’élément. En outre, si vous avez acheté la version pro de formator, vous pouvez également accéder aux hôtes de 3 sites Web, smartscrawlpro, hustle pro et une gamme d’autres fonctionnalités illimitées de site Web! Un prix fou de 5 $par mois. Prix: il existe une version gratuite de formator pro à partir de 5 $par mois, y compris l’accès à d’autres plug – ins et l’hébergement. Commencez par le formateur Comment intégrer les formulaires de contact dans l’élément vous pouvez utiliser n’importe quel plug – in de formulaire de contact listé ci – dessus dans l’élément. Mais pour cet exemple, nous utiliserons le formulaire WP. Voici comment intégrer les formulaires de contact dans les formulaires WP et les éléments. Étape 1: utilisez la méthode commune pour créer un formulaire de contact pour installer le formulaire WP. Ensuite, du tableau de bord WordPress, allez au module WP > Ajouter un nouveau contenu. Ici, vous pouvez sélectionner un formulaire à partir du modèle fourni et le nommer. Étape 2: personnaliser le formulaire vous pouvez maintenant modifier et ajouter les champs requis dans le formulaire de contact. Vous pouvez également supprimer les champs indésirables de cette section. Une fois les modifications terminées, vous pouvez cliquer sur aperçu pour vérifier
Module. Si vous êtes satisfait du formulaire, cliquez sur Enregistrer pour enregistrer les modifications. Étape 3: créer un raccourci après avoir cliqué sur intégrer, les formulaires WP vous demanderont si vous devez ajouter un formulaire à une page ou à un message particulier. Bien que cela semble être l’option la plus simple, nous vous recommandons de sélectionner le lien « utiliser un raccourci » sous le bouton. Une fois le lien cliqué, un code Court est généré. Il suffit maintenant de copier le Code court. Ensuite, on en aura besoin. Étape 4: il est temps de commencer à éditer le module intégré. Ouvrez la page désirée et sélectionnez Édition avec l’élément. Dans le Widget element, trouvez le Code court. Sélectionnez le Widget raccourci et faites – le glisser dans la zone où vous voulez insérer le formulaire. Collez le raccourci que vous avez copié précédemment dans le Widget. Le formulaire est ensuite affiché à l’endroit où vous l’avez placé sur la page. Si vous êtes satisfait des résultats, appuyez sur mise à jour pour enregistrer la page. Une autre façon d’ajouter le même module à l’élément est de rechercher le formulaire WP dans la recherche de Widget d’élément. Lorsque vous utilisez le plug – in compatible element, il crée automatiquement un widget pour lui. Cela facilite l’intégration. Faites glisser le Widget wpforms à l’emplacement désiré et sélectionnez le formulaire désiré. Cela donnera les mêmes résultats que la méthode shortcode. C’est simple, non? La création d’un formulaire de contact à l’aide d’elementor n’a pas besoin d’être complexe et ne prend pas plusieurs heures. La création d’un formulaire de contact à l’aide d’elementor pro ou d’une série de plug – ins gratuits est rapide et facile. Essaie toi – même. Avez – vous un plug – in pour votre formulaire de contact préféré? Vous avez peut – être déjà créé un formulaire de contact dans l’élément? Veuillez nous le faire savoir dans les commentaires ci – dessous.