Créez des formulaires étonnants à l'aide du widget de formulaire Elementor

Les formulaires de contact sont une partie essentielle des affaires en ligne. Il fonctionne comme un pont pour connecter l'acheteur et le vendeur. Les formulaires de contact sont également bénéfiques pour une boutique de commerce électronique en ligne ou même pour votre blog. Quels avantages potentiels pouvez-vous obtenir en utilisant des formulaires de contact? Dans cet article, nous allons discuter de ces avantages.

Comment booster votre entreprise / site Web en utilisant les formulaires de contact?

1. Améliorez vos erreurs en utilisant les avis des lecteurs

Une fois que vous avez installé le formulaire de contact sur votre site Web, les visiteurs commenceront à communiquer avec vous en utilisant le formulaire de contact. Ils peuvent signaler vos erreurs, donner de nouvelles idées ou donner leur avis sur les caractéristiques de vos produits. C'est un moyen facile de savoir ce que les gens recherchent spécifiquement dans votre produit.

2. Sécurisez votre courrier électronique en filtrant le spam

Si vous avez installé le formulaire de contact sur votre site Web, vous n'avez pas besoin de mettre l'identifiant de messagerie ailleurs. De cette façon, les spammeurs ne peuvent pas trouver votre adresse e-mail à attaquer.

3. formulaire de contact polyvalent

Les formulaires de contact peuvent être utilisés de plusieurs manières; il peut être utilisé pour les commentaires, les demandes d'assistance aux propositions commerciales ou les demandes de vente.

4.Améliorez votre taux de conversion

Lorsque le client vous contacte via des formulaires de contact, il est probable qu'il se convertira après des communications efficaces. Il y a donc de grandes chances d'améliorer vos taux de conversion.

Pourquoi utiliser le widget Elementor Forms pour créer des formulaires de contact?

Elementor est de loin l'un des plugin création de page les plus populaires disponibles pour WordPress. Il est livré avec un élément de widget Forms qui vous permet de créer facilement différents types de formulaires pour votre blog ou site Web.

Voici un aperçu de certains des avantages et des inconvénients de l'utilisation du widget Elementor Forms pour donner une idée de ce qu'il a à offrir:

Avantages: Caractéristiques principales

  • Des tonnes d'options puissantes pour vous aider à personnaliser la mise en page, l'espacement et la structure de vos formulaires.
  • Obtenez un contrôle total de la conception pour styliser vos éléments de formulaire avec différentes couleurs et typographies pour correspondre à votre marque et à l'esthétique générale du site.
  • Plus de 10 champs comprenant les noms, l'adresse e-mail, le numéro de téléphone, la date, l'heure, le champ du mot de passe et bien plus encore. Cela vous permet de collecter facilement différents types de données auprès de vos lecteurs / visiteurs.
  • Espace dédié pour stocker et gérer toutes les données de soumission de formulaires. Option pour modifier, supprimer et filtrer les données et même les exporter.
  • Prise en charge des formulaires en plusieurs étapes. Divisez un formulaire long en plusieurs segments afin que les utilisateurs ne soient pas submergés.
  • Intégrez votre formulaire de contact à plus de 30 puissants services d'automatisation du marketing.

Les inconvénients

  • Le support client tarde à répondre.
  • Vous pouvez rencontrer des difficultés après la mise à jour de la dernière version, alors gardez une sauvegarde de votre site avant de mettre à jour le plugin chaque fois.
  • Non disponible avec la version Elementor Free. Vous devez obtenir la version Pro pour accéder aux widgets de formulaires.

Tarification du widget Elementor Forms

Le widget de formulaire de contact Elementor est fourni avec la version Elementor Pro , et vous devrez acheter l'ensemble complet pour votre site. La licence de site unique est livrée avec plus de 90 widgets professionnels ainsi qu'un widget de formulaire de contact pour 49 $ / an.

Comment créer un formulaire de contact à l'aide d'Elementor

Maintenant que vous avez une idée de base de ce que le widget Elementor Form a à offrir, passons en revue une procédure pas à pas rapide pour l'utiliser pour créer un formulaire de contact pour votre site Web.

Étape 1: Ajoutez le widget de contact Elementor à votre page

Rendez-vous sur la page où vous souhaitez placer le formulaire de contact. Cela peut être votre page d'accueil, À propos de nous ou une page de contact dédiée.

Une fois que vous avez sélectionné la page, cliquez sur Modifier avec Elementor dans la barre d'outils supérieure pour basculer le générateur de page Elementor.

Cela va faire apparaître le générateur Elementor avec une liste de tous les widgets Elementor dans la barre latérale gauche.

Faites maintenant glisser le widget de formulaire Elementor sur la page, et voici à quoi il ressemblera sur votre page.

Étape 2: Comment créer les champs de formulaire

Le formulaire de base comprend certains champs principaux; tel que

  • Nom
  • Adresse e-mail
  • Message

Mais vous pouvez également créer de nombreux autres champs personnalisés pour affiner les questions de qualification des clients. Il vous aidera également à obtenir les informations d'identification du client en fonction de ce budget.

Donc, pour ajouter des champs personnalisés, cliquez sur «Ajouter un élément». 

Après avoir ouvert l'ajout d'un nouvel article, votre formulaire de contact ressemblera à ceci.

Il existe une énorme liste de types de champs que vous pouvez utiliser. Certains d'entre eux sont les suivants

  • Texte.
  • Email
  • Zone de texte.
  • URL.
  • Tél.
  • Radio.
  • Sélectionner.
  • Case à cocher.

Après le type de champ, il y a un autre champ, "Label". L'option d'étiquette est visible en haut du type de champ, alors sélectionnez-la judicieusement.

Le champ suivant est «espace réservé». L'espace réservé est le texte qui apparaîtra dans le champ avant que l'utilisateur insère des informations dans le champ.

Le paramètre requis est activé lorsqu'un utilisateur n'a pas soumis de champs obligatoires. Il ne permettra pas à l'utilisateur de soumettre le formulaire tant que les champs spécifiés ne seront pas remplis.

La dernière option est la largeur de colonne; vous pouvez aligner les champs en sélectionnant la largeur de colonne personnalisée.

Paramètres avancés de l'onglet

La valeur par défaut est soumise lorsqu'aucune autre valeur n'est soumise. L'ID du champ est stocké pour les données du champ. Le shortcode peut être utilisé pour insérer le champ n'importe où.

Étape 3: stylisez votre formulaire de contact selon le thème de votre marque

 Vous pouvez utiliser une option de style personnalisée pour modifier l'apparence du formulaire selon l'apparence de votre marque. Dans l'éditeur, vous pouvez styliser le formulaire, le champ, le bouton et les messages. Vous aurez un large éventail d'options pour styliser votre formulaire de contact, allant de l'espacement, du remplissage, des couleurs, de la taille des champs, des étiquettes, des entrées et des boutons.

(Facultatif) Étape 4: Configurer les options de soumission de formulaire

Lorsque vous cliquez sur E-mail, vous verrez de nombreuses options pour l'action E-mail. Si vous n'aimez pas remplir à nouveau le contact, vous pouvez simplement utiliser des contacts pré-remplis. Voici un bref détail du fonctionnement du formulaire de soumission.

À . Vous pouvez envoyer des e-mails à un ou plusieurs destinataires à la fois. Entrez l'adresse e-mail à laquelle vous souhaitez soumettre le formulaire.

Objet: mentionner le sujet du Email envoyé au client

Message: vous pouvez ajouter les détails des champs à envoyer depuis votre formulaire. Ou vous pouvez utiliser les shortcodes

De l'e-mail: c'est l'e-mail que vous utiliserez pour obtenir les formulaires soumis

De Nom: choisissez un nom que vous souhaitez soumettre avec l'e-mail.

Répondre à: par défaut, c'est l'identifiant de l'administrateur du site, et vous pouvez le changer quand vous le souhaitez.

CC : envoyer des e-mails à plusieurs adresses e-mail en utilisant CC

BCC : même fonction que celle de CC vous pouvez utiliser Bcc pour envoyer des emails à plusieurs destinataires.

Une fois que vous avez terminé la modification des champs, appuyez sur le bouton Envoyer pour soumettre le formulaire. Vous pouvez choisir de l'envoyer en texte brut ou HTML.

(Facultatif) Étape 5: Configuration des paramètres de messages personnalisés dans le formulaire de contact

Vous pouvez configurer des messages personnalisés selon les actions des clients. Une fois qu'un client remplit le formulaire, il recevra instantanément des messages personnalisés en fonction de son action. De cette façon, vous aurez une approche plus directe et personnalisée avec votre client.

Pour activer une messagerie personnalisée, cliquez sur «Options supplémentaires» puis activez «Messagerie personnalisée» sur «Oui».

Vous pouvez voir différents champs; tels que les messages de réussite apparaîtront une fois que le client aura soumis le formulaire avec succès. Un message d'erreur apparaîtra si le client n'a pas réussi à soumettre le formulaire, et de la même manière le message requis apparaîtra lorsque les champs obligatoires ne sont pas remplis et que le formulaire est soumis.

Dernière étape: publier votre formulaire de contact

Une fois que vous avez terminé toutes les procédures de configuration et le style de votre formulaire de contact, il est temps de publier votre formulaire dans le monde entier. Cliquez simplement sur le bouton de mise à jour et votre formulaire de contact sera visible sur votre page.

Bottom Line

Il est très facile de créer un formulaire de contact à l'aide du widget Elementor pro . Il est livré avec un générateur de formulaire de contact facile à glisser et des options hautement personnalisables qui se démarquent des autres plugin sur le marché. Vous pouvez facilement modifier son style et sa palette de couleurs en fonction de votre marque. En outre, vous obtiendrez de nombreux autres widgets magnifiques, plus de 300 modèles professionnels et un pack tout-en-un de création de fenêtres contextuelles. Il s'agit d'un constructeur de pages WordPress complet équipé de tous les widgets et fonctionnalités nécessaires, donc ; vous n'avez pas besoin d'acheter un autre constructeur de page pour personnaliser votre site Web. De plus, il permet l'intégration avec plus de 30 services marketing ; c'est pourquoi c'est l'un des plugin sur le marché.

Alors, c'est à vous maintenant, quel plugin formulaire de contact vous convient le mieux? Faites-en mention dans la section des commentaires.

6 réflexions sur "Créez des formulaires étonnants à l'aide du widget de formulaire Elementor"

  1. Ja leuk hoor, dit wist ik allemaal al.
    Wat ik wil kan ik nergens vinden.

    Ik wil de letterkleur wijzigen van de tekst in de placeholder.
    Ik heb alles op donkergrijs gezet, site maar op mijn blijven de placeholderteksten lichtgroen: bijna onleesbaar voor mijn klanten.

    Aidez waar moet ik op klikken.

    PS Ik heb elementor pro

  2. Bonjour,

    Comment faire pour recevoir des pièces jointes via ce formulaire elementor en faisant en sorte que les pièces jointes soient dans le mail de réception et non à télécharger sur le serveur?

    Merci d'avance

    Mélanie

  3. Krásný den :),
    používám elementor pro a jejich formulář.
    Poskládala jsem si takový dotazník pro zákazníka, ale potřebovala bych některá pole skrýt s tím, že si je zákazník přes nějaké tlačítko odkryje a vyplní, když bude potřebovat. Jde à nějakým způsobem udělat ? Například tam bude pole "popiš jak chceš, aby stránka vypadala" Zákazník vyplní název stránky a do toho pole "popiš jak chceš, aby stránka vypadala" napíše popis.
    Ale ten zákazník může mít více stránek, které bude chtít takhle popsat. Tak si to představuju tak, že tam bude tlačítko nebo ikona plus, na kterou když klikne, tak se objeví znovu tohle pole a bude ho moct vyplnit a tak dále. Je to možné? Nebo znáte jiný způsob, jak by se to dalo udělat ? Děkuji předem za váš čas u trávení u tohoto komentáře.
    Doufám, že mi rozumíte. PS: Vůbec nevím, jestli se tu mluví česky nebo anglicky, je to pro mě trošku matoucí. Tak píšu raději est překladem. (Omlouvám se za svojí angličtinu)

    Une belle journée :),
    j'utilise l'elementor pour et leur forme.
    J'ai compilé un tel questionnaire pour le client, mais j'aurais besoin de masquer certains champs pour que le client puisse les révéler et les remplir quand il en a besoin. Y a-t-il un moyen de le faire? Par exemple amp le nom de la page et dans le champ "décrivez comment vous voulez que la page ressemble" écrira une description. Mais le client peut avoir plus de sites qu'il veut décrire comme ça. J'imagine donc qu'il y aura un bouton ou une icône plus, qui, une fois cliqué, ce champ réapparaîtra et pourra le remplir, et ainsi de suite. Possible? Ou connaissez-vous une autre façon de faire?
    Merci d'avance pour le temps que vous consacrerez à ce commentaire.
    J'espère que tu me comprends. PS : Je ne sais pas du tout si on parle le tchèque ou l'anglais ici, c'est un peu déroutant pour moi. Je préfère donc écrire avec une traduction également. (je suis désolé pour mon anglais)

Laisser un commentaire

Votre adresse email ne sera pas publiée. Les champs obligatoires sont marqués *