Catégories : critiques plugin WordPress

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

Les formulaires de contact sont un élément essentiel du commerce en ligne. Il fonctionne comme un pont pour relier l’acheteur et le vendeur. Les formulaires de contact sont également utiles pour une boutique de commerce électronique en ligne ou même pour votre blog. Quels avantages pouvez-vous obtenir en utilisant les formulaires de contact ? Dans cet article, nous allons discuter de ces avantages.

Comment booster votre entreprise/site Web à l’aide des formulaires de contact ?

1. Améliorez vos erreurs grâce aux avis des lecteurs

Une fois que vous aurez 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 fonctionnalités de vos produits. C'est un moyen simple de découvrir ce que les gens recherchent spécifiquement dans votre produit.

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

Si vous avez installé un formulaire de contact sur votre site Web, vous n'avez pas besoin de mettre votre 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 des commentaires, des demandes d'assistance pour des propositions commerciales ou des demandes de vente.

4.Améliorez votre taux de conversion

Lorsque le client vous contacte via des formulaires de contact, il se convertira très probablement après des communications efficaces. Il y a donc de fortes 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 disponibles pour WordPress. Il est livré avec un élément Forms Widget qui vous permet de créer facilement différents types de formulaires pour votre blog ou votre 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.
  • Bénéficiez d'un contrôle total sur la conception pour styliser vos éléments de formulaire avec différentes couleurs et typographies pour correspondre à votre marque et à l'esthétique globale de votre site.
  • Plus de 10 champs, dont les noms, l'adresse e-mail, le numéro de téléphone, la date, l'heure, le champ de 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 formulaire. Possibilité de modifier, supprimer et filtrer les données et même de les exporter.
  • Prise en charge des formulaires en plusieurs étapes. Divisez un long formulaire en plusieurs segments afin que les utilisateurs ne soient pas submergés.
  • Intégrez votre formulaire de contact à plus de 30 services d'automatisation du marketing puissants.

Les inconvénients

  • Le support client met du temps à répondre.
  • Vous pourriez rencontrer des difficultés après la mise à jour de la dernière version, alors conservez 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 livré avec la version Elementor Pro et vous devrez acheter l'ensemble du package pour votre site. La licence de site unique comprend 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. Il peut s'agir soit de votre page d'accueil, de votre page À propos de nous, soit d'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 activer le générateur de page Elementor.

Cela fera 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 du formulaire

Le formulaire de base se compose de quelques 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. Cela vous aidera également à enregistrer 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 le nouvel élément, 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.
  • E-mail
  • Zone de texte.
  • URL.
  • Tél.
  • Radio.
  • Sélectionner.
  • Case à cocher.

Après le type de champ, il y a un autre champ, « Étiquette ». 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é correspond aux textes qui apparaîtront dans le champ avant que l'utilisateur n'insère des informations dans le champ.

Le paramètre Obligatoire est activé lorsqu'un utilisateur n'a pas soumis les champs obligatoires. Cela 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 de l'onglet Avancé

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 en fonction de l'apparence de votre marque. Dans l'éditeur, vous pouvez styliser le formulaire, le champ, le bouton et les messages. Vous disposerez d'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 du formulaire

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

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

Objet : mentionner l'objet de l'Email envoyé au client

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

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

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

Répondre à : par défaut, il s'agit de l'identifiant de l'administrateur du site, et vous pouvez le modifier à tout moment.

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, cliquez sur le bouton Envoyer pour soumettre le formulaire. Vous pouvez choisir de l’envoyer sous forme de 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 en fonction des 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 des 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 soumis 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 : publiez 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.

Conclusion

C'est très simple 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 simple par glisser-déposer et des options hautement personnalisables qui se démarquent des autres plugin du marché. Vous pouvez facilement modifier son style et sa palette de couleurs en fonction de votre marque. En outre, vous obtiendrez de nombreux autres superbes widgets, 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 pages 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 à votre tour maintenant, quel plugin de formulaire de contact vous convient le mieux ? Mentionnez-le dans la section commentaires.

Holderkhu

en direct :.cid.e495888558d5265f

Voir les commentaires

  • Oui, sympa, je savais déjà tout ça,
    je ne trouve ce que je veux nulle part.

    Je souhaite changer la couleur de la police du texte dans l'espace réservé.
    J'ai tout mis en gris foncé, mais sur mon site les textes fictifs restent vert clair : quasiment illisibles pour mes clients.

    Aide sur quoi dois-je cliquer.

    PS j'ai Elementor Pro

  • Bonjour,

    Commentaire juste sur la réception des joints de pièces via l'élément formulaire et le tri des joints de pièces selon l'accusé de réception du mail et non-télécharger sur le serveur ?

    Merci pour votre avance

    Mélanie

    • Bonjour, je pense que cette fonctionnalité n'est pas incluse dans le formulaire Elementor.

  • Krásný den :),
    používám elementor pro jejich formular.
    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 zerboid, kdrybatje a vyply. Jde to 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.
    Mais je vous en prie, je vous en prie, je vous conseille de le faire. Alors, pour commencer, vous avez besoin de toucher une icône et, après avoir cliqué, vous obtenez l'objectif d'atteindre le poteau et vous devez le faire. Je vais možné? Nebo znáte jiný způsob, jak by se to dalo udělat? S'il vous plaît laissez-nous savoir avant de revenir.
    Doufám, že mi rozumíte. PS : Vůbec nevím, jestli se tu mluví česky nebo anglicky, je to promě trošku matoucí. Tak píšu raději is překladem. (Omlouvám se za svojí angličtinu)

    Une belle journée :),
    j'utilise les elementor pour et leur forme.
    J'ai compilé un tel questionnaire pour le client, mais je devrais 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 il y aura un champ « décrivez à quoi vous souhaitez que la page ressemble ». Le client remplira le nom de la page et dans le champ « décrivez à quoi vous souhaitez que la page ressemble » il rédigera une description. Mais le client peut avoir davantage de sites qu'il souhaite décrire ainsi. 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 procéder ?
    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 l'on parle tchèque ou 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)

Messages récents

Comment utiliser les en-têtes et pieds de page avec Elementor

Les en-têtes et pieds de page d’un site Web sont des éléments essentiels. Dans la plupart des cas, l'en-tête fournit la navigation…

6 janvier 2022

Comparaison des thèmes WordPress : Astra vs OceanWP

Astra et OceanWP sont deux des thèmes WordPress les plus populaires sur le marché. Professionnel…

2 janvier 2022

Comparaison des thèmes d'actualités WordPress : journal vs. Astre

Créer un excellent site Web d'actualités ne nécessite pas que vous deveniez un concepteur de sites Web. Nous…

25 octobre 2021

Créez un site Web lié à l'actualité avec le thème du journal

Le thème Newspaper est l'un des thèmes WordPress les plus importants conçus par tagDiv, un…

18 octobre 2021

Comment créer un commerce électronique avec le générateur Avada WooCommerce

Lorsqu'il s'agit de créer une boutique en ligne, WooCommerce est le plugin incontournable. Il…

4 octobre 2021

Comment utiliser les effets d'en-tête collant et de défilement avec Elementor

Un en-tête est généralement la première chose qu’une personne voit lorsqu’elle visite votre site Web,…

21 septembre 2021