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.
Dans cet article
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.
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.
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.
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 %.
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
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.
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 :
- reCAPTCHA et Honeypot
- Options de style pour ajuster l'espacement, la couleur et la typographie
- Effets de mouvement
- Possibilité de changer les couleurs d'arrière-plan en aplats ou en dégradés
- Comportement réactif
- Ajouter une feuille de style CSS personnalisée
Tarification
Pour accéder à Elementor Forms, vous devez acheter une licence pour Elementor Pro Website Builder. Les forfaits commencent à 9,99 $ par mois.
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.
Dans l'écran suivant, vous pouvez sélectionner un modèle ou un formulaire vierge.
Une fois que vous avez fait cela, vous pouvez commencer à glisser et à déposer votre chemin vers la forme parfaite.
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.
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.
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.
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
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.
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.
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
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.
Si vous le faites glisser sur votre page, vous aurez la possibilité de sélectionner un formulaire.
Une fois que vous avez sélectionné le formulaire que vous souhaitez utiliser sur votre page Elementor, il apparaît.
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.
À 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.
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.