Elementor Forms vs WPForms

Elementor Forms vs. WPForms : Lequel est le meilleur ?

Vous cherchez un constructeur de formulaire puissant pour votre site WordPress ? Si c'est le cas, vous êtes probablement en train de comparer Elementor Forms vs. WPForms pour voir lequel est le meilleur pour vous.

Elementor est un plugin de construction de sites web avec des capacités de construction de formulaires.

WPForms est un générateur de formulaires puissant et convivial qui permet aux utilisateurs de créer des formulaires attrayants en quelques minutes.

Dans cet article, nous allons comparer les deux plateformes afin de déterminer laquelle est la meilleure pour votre site WordPress.

Créez votre formulaire WordPress maintenant

Elementor Forms vs. WPForms - Aperçu rapide

Elementor Form a plusieurs limitations par rapport à WPForms. Avec WPForms, vous disposez de centaines de modèles de formulaires préconstruits, d'une facilité d'utilisation supérieure qui vous permet de créer des formulaires multi-colonnes en utilisant des contrôles par glisser-déposer, et d'une puissante suite de filtres anti-spam. Elementor est dépourvu de toutes ces fonctionnalités.

Elementor Forms vs. WPForms : Lequel est le meilleur ?

Voyons maintenant comment construire un formulaire avec chacun de ces plugins afin de pouvoir les comparer.

Elementor

Le site web d'Elementor

Elementor est un constructeur de sites web par glisser-déposer qui permet aux utilisateurs de créer de beaux sites web sans connaissances en codage.

En tant que constructeur de sites web complet, il possède de nombreuses caractéristiques et possibilités d'amélioration de ses fonctionnalités. En voici quelques-unes :

  • Elementor Page Builder
  • Constructeur de thèmes
  • Capacité de commerce électronique
  • Constructeur de page d'atterrissage
  • Constructeur de fenêtres contextuelles
  • Optimisation du flux de travail
  • Constructeur de formulaires

Dans cette comparaison, nous allons nous pencher sur Elementor Form Builder.

Création d'un formulaire

En tant que constructeur de sites web, Elementor vous permet de glisser-déposer des éléments pour les placer. La première chose que vous remarquerez est que le générateur de formulaires est lui-même un widget. Vous glissez et déposez le widget sur la page.

Ajouter le widget de formulaire dans Elementor

Une fois que vous avez ajouté le widget de formulaire à la page, vous pouvez commencer à ajouter des champs. Par défaut, Elementor vous propose un formulaire de contact simple. Vous pouvez modifier, ajouter ou supprimer des champs selon vos besoins.

Le formulaire par défaut dans Elementor Forms

Il y a 20 champs de formulaire au total, ce qui vous permet de créer des formulaires standard dont vous pourriez avoir besoin pour votre site web.

Nous avons créé un formulaire en utilisant plusieurs des champs de formulaire les plus couramment utilisés. Ce faisant, nous avons constaté que tous les champs de formulaire et les éléments de conception proviennent de la barre latérale gauche. Au fur et à mesure que vous faites défiler les pages, vous pouvez procéder à des ajustements. En ce qui concerne les formulaires, ces options représentent l'étendue du style.

Comme il suffit de cliquer pour ajouter et qu'il n'est pas possible de faire glisser les champs du formulaire, nous avons trouvé qu'il était difficile de modifier la mise en page. Comme le montre notre exemple de formulaire ci-dessous, les bords droits ne sont pas alignés.

Un exemple de formulaire créé avec Elementor Forms

Lorsque vous cliquez pour ajouter un champ de formulaire, la valeur par défaut est de 100 % de la largeur totale. Vous pouvez ajuster cette valeur dans les paramètres de chaque champ afin de raccourcir les champs. Dans notre exemple de formulaire, nous avons fixé toutes les largeurs à 75 %.

Pour que les champs soient juxtaposés, comme dans le cas de la date et de l'heure, la seule solution que nous ayons trouvée a été de réduire la taille des champs jusqu'à ce qu'ils tiennent sur une seule ligne.

Mais il n'est pas possible d'entrer une largeur spécifique. Vous devez choisir parmi certains incréments, de sorte que nous ne pouvions pas faire en sorte que la largeur de ces deux champs atteigne 75 % pour correspondre à celle de toutes les autres lignes. Nous avons donc une ligne dont la largeur totale est de 80 %, chaque champ étant fixé à 40 %.

Modifier les valeurs des champs dans Elementor

Vous pouvez contourner ce problème en modifiant la largeur des autres lignes. Cependant, si vous disposez d'un espace limité, cela pourrait s'avérer difficile.

Si vous n'avez pas besoin de modifier la mise en page pour vos spécifications, cela ne posera pas de problème.

Intégrations et modules complémentaires

La page des intégrations Elementor

Il existe environ 40 outils qui s'intègrent à Elementor. Il y en a encore plus si vous vous connectez à Zapier. En outre, il y a environ 25 addons tiers disponibles.

Soumissions

Comme pour les autres paramètres du formulaire, vous pouvez contrôler ce qui se passe avec les soumissions à partir des paramètres de la barre latérale gauche. Le premier que vous rencontrerez est Actions après soumission, qui vous permet de choisir les actions que vous souhaitez voir se produire lorsque les utilisateurs soumettent le formulaire.

C'est ici que vous pouvez le configurer pour qu'il déclenche des e-mails, des webhooks ou d'autres actions basées sur vos intégrations.

Options pour les actions après la soumission du formulaire dans Elementor Forms

2 autres paramètres sont importants ici, et vous les trouverez juste après la liste déroulante Actions après soumission.

Le premier est Collect Submissions. Si vous avez ajusté les paramètres d'Elementor pour dire que vous voulez collecter les soumissions de formulaire et les stocker dans Elementor, c'est ce qui s'affichera dans ce champ déroulant.

Vient ensuite l'option Email, qui vous permet de déclencher une notification par courrier électronique lors de la soumission d'un formulaire.

Caractéristiques supplémentaires

Voici quelques fonctionnalités supplémentaires que vous trouverez dans Elementor Forms :

Tarification

La page de tarification d'Elementor

Pour accéder à Elementor Forms, vous devez acheter une licence pour Elementor Pro Website Builder. Les forfaits commencent à 9,99 $ par mois.

WPForms

La page d'accueil de WPForms

WPForms est un générateur de formulaires par glisser-déposer qui vous permet de créer divers formulaires et enquêtes. Il permet aux utilisateurs de créer facilement et rapidement des formulaires complets et professionnels pour leurs sites web sans aucune connaissance en codage.

Contrairement à Elementor, WPForms est un plugin de formulaire WordPress autonome. Vous n'avez pas besoin d'installer quoi que ce soit pour l'utiliser. Il est assez facile pour les débutants mais assez puissant pour les utilisateurs plus avancés.

Jetons un coup d'œil et voyons comment il se compare à Elementor Forms.

Création d'un formulaire

Créer un formulaire dans WPForms est un jeu d'enfant. Choisissez les champs que vous voulez inclure, puis glissez et déposez-les dans le constructeur de formulaire. Vous pouvez aussi facilement ajuster la mise en page avec des champs de mise en page.

WPForms propose actuellement plus de 2 000 modèles de formulaires que vous pouvez utiliser et personnaliser à votre guise. Que vous personnalisiez un modèle ou que vous créiez votre formulaire à partir de zéro, il y a plus de 35 champs de formulaire que vous pouvez choisir d'ajouter à votre formulaire.

Pour commencer, téléchargez et installez WPForms, puis ouvrez-le dans WordPress et cliquez sur Ajouter un nouveau.

Ajouter un nouveau formulaire dans WPForms

Dans l'écran suivant, vous pouvez sélectionner un modèle ou un formulaire vierge.

Créer un nouveau formulaire dans WPForms

Une fois que vous avez fait cela, vous pouvez commencer à glisser et à déposer votre chemin vers la forme parfaite.

L'interface du constructeur de formulaires WPForms

Dans Elementor, tous les ajustements sont faits à partir d'une barre latérale. Dans WPForms, vous pouvez ajuster les paramètres de plusieurs façons. Les ajustements des champs du formulaire sont faits individuellement par champ. Un exemple de ceci est l'ajout d'une logique conditionnelle.

Vous pouvez modifier les paramètres généraux du formulaire en cliquant sur le bouton "Paramètres" dans le menu latéral. C'est également à cet endroit que vous réglez les paramètres relatifs au comportement de soumission, à la protection contre le spam et aux modules complémentaires.

Paramètres du formulaire dans WPForms

Dans ce même menu latéral, vous pouvez configurer des passerelles de paiement pour utiliser les champs de paiement. Cela permet aux utilisateurs du frontend de payer des biens ou de s'inscrire, par exemple.

Bien que nous ayons trouvé qu'il était un peu long de configurer différentes dispositions dans Elementor, le processus est assez facile dans WPForms. Tout ce que vous avez à faire est de sélectionner le champ Layouts, puis de sélectionner le nombre et la disposition des colonnes. Après cela, vous pouvez glisser et déposer les champs comme vous le souhaitez.

Options de mise en page dans WPForms

Vous pouvez les combiner pour créer des formulaires attrayants et dynamiques.

Voici un exemple de formulaire que nous avons créé à l'aide du champ Dispositions. La première ligne comprend un champ unique avec deux conteneurs d'entrée pour les cases du prénom et du nom. La deuxième ligne comporte deux colonnes. La troisième ligne comporte à nouveau une seule colonne.

Un formulaire créé à l'aide des options de mise en page des champs dans WPForms

Les mises en page donnent un aspect agréable à votre formulaire. Avec WPForms, tout se fait par glisser-déposer, vous n'avez donc pas à vous soucier de calculer des pourcentages pour chaque champ.

Intégrations et modules complémentaires

La page des modules d'extension de WPForms

Il existe de nombreux modules complémentaires pour WPForms. Il s'intègre avec vos fournisseurs de services d'email, CRM et passerelles de paiement préférés.

Il est intéressant de noter que WPForms s'intègre également avec Elementor. Il suffit que les deux plugins soient activés sur votre site, et l'intégration se fera automatiquement.

Elementor propose un bloc WPForms que vous pouvez placer sur n'importe quelle partie de votre page. Cela vous permet de sélectionner simplement n'importe quel formulaire individuel que vous avez précédemment créé avec WPForms pour l'intégrer.

L'utilisation de WPForms dans Elementor ouvre de nouvelles possibilités. Par exemple, vous pouvez même connecter vos formulaires dans Elementor avec Google Sheets pour enregistrer les soumissions de formulaires dans une feuille de calcul.

En outre, plusieurs modules complémentaires disponibles améliorent les fonctionnalités en ajoutant des fonctions telles que les signatures, l'enregistrement et la reprise, ainsi que les enquêtes et les sondages.

Les intégrations avec Zapier et Uncanny Automator facilitent la connexion de vos formulaires avec encore plus d'outils que vous aimez.

Soumissions

Avec WPForms, 2 paramètres principaux déterminent ce qui se passe après qu'un utilisateur ait soumis votre formulaire. Ces paramètres sont les notifications et les confirmations. Vous pouvez accéder à ces deux paramètres dans les réglages du formulaire.

Ajuster le comportement post-soumission dans WPForms

Le paramètre "notifications" permet d'envoyer une notification par courrier électronique lorsque quelqu'un soumet le formulaire.

Vous pouvez l'ajuster pour déterminer quels champs sont inclus dans la notification, qui la reçoit et si des pièces jointes sont incluses ou non. Vous pouvez également appliquer une logique conditionnelle si vous ne souhaitez recevoir que certaines notifications en fonction des spécifications que vous avez définies.

Paramètres de confirmation dans WPForms

Les paramètres de confirmation vous permettent de configurer un message à afficher après que l'utilisateur a soumis le formulaire. Outre l'affichage d'un message, vous pouvez également afficher une page spécifique ou rediriger l'utilisateur vers une autre URL.

Caractéristiques supplémentaires

Voici quelques fonctionnalités supplémentaires que vous trouverez dans WPForms

  • Capacité à créer des formulaires multipages, conversationnels et de prospects
  • Google reCAPTCHA, hCaptcha, Custom Captcha et Cloudflare Turnstile
  • Intégration avec PayPal, Square, Stripe et Authorize.Net pour l'encaissement des paiements.
  • Module complémentaire pour les enquêtes et les sondages avec des rapports avancés, ainsi que des champs de formulaire pour le Net Promoter Score et l'échelle de Likert
  • Logique conditionnelle
  • Accepter les signatures et les téléchargements de fichiers
  • Fonctionne avec Elementor

Tarification

La page de tarification de WPForms

Il existe une version gratuite de WPForms qui offre une gamme impressionnante de fonctionnalités avancées, y compris la personnalisation des styles de formulaires, les paiements Stripe, une intégration avec Elementor, et plus encore.

Pour accéder à des fonctionnalités plus avancées et à des modules complémentaires, vous aurez besoin d'une licence payante. Les plans Premium commencent à 49,50 $ par an.

Utiliser WPForms avec Elementor

Comme indiqué plus haut dans cet article, il y a quelques différences entre Elementor et WPForms. La plus grande différence est qu'Elementor est un constructeur de site web avec une option de construction de formulaire, alors que WPForms est une plateforme robuste de construction de formulaire.

Si vous aimez l'idée d'utiliser Elementor pour concevoir votre site mais que vous voulez des fonctionnalités de formulaire plus puissantes, vous avez de la chance. Vous pouvez utiliser WPForms avec Elementor.

Lorsque vous ajoutez des éléments dans le constructeur de site d'Elementor, vous remarquerez qu'il y a une icône WPForms.

Ajouter WPForms à votre page Elementor

Si vous le faites glisser sur votre page, vous aurez la possibilité de sélectionner un formulaire.

Sélectionner votre formulaire WPForms dans le constructeur Elementor

Une fois que vous avez sélectionné le formulaire que vous souhaitez utiliser sur votre page Elementor, il apparaît.

Formulaire WPForms ajouté à Elementor

Rappelez-vous que WPForms n'est pas un constructeur de formulaire lorsqu'il est utilisé à l'intérieur d'Elementor. Il n'importe que les formulaires que vous avez déjà créés. Cela signifie que vous devrez créer les formulaires dans WPForms avant de pouvoir les importer dans Elementor.

La meilleure partie est que vous obtenez également les options de personnalisation du style de WPForm dans Elementor. Vous pouvez utiliser ces options pour changer l'apparence de votre formulaire en utilisant des contrôles simples et pointer-cliquer (aucun CSS n'est requis).

Après avoir intégré votre formulaire dans la page à l'aide du constructeur de pages Elementor, cliquez sur le formulaire pour le sélectionner, puis cliquez sur Style dans les options d'édition.

Styliser les WPForms avec Elementor

À partir de là, vous pouvez adapter l'apparence de votre site en personnalisant les styles des champs, des étiquettes et des boutons.

Lorsque vous aurez terminé, vous disposerez d'un formulaire joliment stylisé qui s'harmonisera avec le thème et les couleurs de votre site.

Un formulaire construit en utilisant les options de style de WPForms

Consultez notre tutoriel sur la personnalisation des formulaires WordPress dans Elementor pour apprendre comment créer de beaux formulaires en un rien de temps.

Cela fonctionne également avec WPForms Lite. Vous pouvez utiliser la version gratuite d'Elementor avec la version gratuite de WPForms. Bien que les versions gratuites des deux outils soient plus limitées, il s'agit d'un avantage majeur pour les personnes disposant d'un budget limité.

Elementor Forms ou WPForms : Lequel est le meilleur ?

Avant d'annoncer le nom du lauréat, voici quelques-uns des principaux points que nous avons pris en considération.

Formulaires Elementor WPForms
Plugin autonome ? Non
(Nécessite Elementor Pro)
Oui
Tarification À partir de 9,99 $/mois À partir de 49,50 $/an
Version gratuite ? La version gratuite d'Elementor Pro n'inclut pas Elementor Forms Oui
Intégrations 40 intégrations + Zapier 40 intégrations
+ Zapier & Uncanny Automator
Passerelles de paiement Possibilité de connecter Stripe à Elementor Pro pour créer un champ Stripe PayPal
Stripe
Square
Authorize.Net
Modèles de formulaires 0 2,000+
Protection contre le spam reCAPTCHA
Pot de miel
reCAPTCHA
hCaptcha
Captcha personnalisé
Tourniquet Cloudflare
Logique conditionnelle ? Non Oui

Pour construire des formulaires avec de nombreuses fonctionnalités, WPForms est le meilleur.

Bien qu'Elementor Pro soit un outil fantastique pour construire des sites web, la plupart des gens n'auront pas besoin d'un constructeur de site complet juste pour construire des formulaires. Pour obtenir une grande partie des mêmes fonctionnalités que WPForms, vous devrez télécharger et installer de nombreux plugins et addons tiers.

WPForms est également une meilleure option pour ceux qui ont un budget limité, comme les particuliers ou les petites entreprises.

Ensuite, apprenez à utiliser la logique conditionnelle

La logique conditionnelle permet une bonne expérience utilisateur en ne montrant aux répondants que les questions qui s'appliquent à eux. Découvrez comment utiliser la logique conditionnelle avec WPForms pour amener vos formulaires et enquêtes à un niveau supérieur.

Et si vous souhaitez adopter une approche plus conversationnelle pour vos formulaires et enquêtes, lisez comment créer des enquêtes qui affichent une question à la fois.

Créez votre formulaire WordPress maintenant

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.

Divulgation: Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Voyez comment WPForms est financé, pourquoi c'est important, et comment vous pouvez nous soutenir.

Renée DeCoskey

Renee DeCoskey blogue depuis 2001 et utilise WordPress depuis 2007. Lorsqu'elle n'écrit pas sur les plugins WordPress, elle se plonge dans un livre ou s'amuse au Rotary.En savoir plus

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

Ce formulaire est protégé par le tourniquet de Cloudflare et la politique de confidentialité et les conditions de service de Cloudflare s'appliquent.