skip to Main Content

Comment personnaliser les formulaires WPForms avec Elementor

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 901.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Besoin de personnaliser les formulaires WPForms avec Elementor ?

Les formulaires créés avec WPForms ont fière allure. Cependant, il y a des moments où vous souhaitez personnaliser WPForms à votre goût. ainsi…

Comment personnaliser les formulaires WPForms ?

 Il existe deux manière pour le faire sans avoir à écrire de code CSS et surtout en utilisant le plugin WordPress Elementor :

  1. En Utilisant l’extension PowerPack Addons
  2. En utilisant l’extension Ultimate Addons

Jetons un coup d’œil à chacune de ces méthodes maintenant.

Personnaliser les formulaires WPForms avec PowerPack Addons d’Elementor

PowerPack Addons d’Elementor est un plugin WordPress gratuit. Vous devrez donc d’abord installer et activer le plugin Elementor, puis installer et activer le complément PowerPack Addons.

Une fois que les deux plugins sont actifs, modifiez la page sur laquelle vous souhaitez placer votre formulaire et cliquez sur le bouton Modifier avec Elementor.

Maintenant, sur le panneau Elementor de gauche, faites défiler jusqu’à la section widgets PowerPack Elements et faites glisser-déposer le widget Elementor WPForms sur la page.

Vous devriez maintenant voir les paramètres du widget WPForms sur le panneau de gauche. Choisissez le formulaire WPForms que vous souhaitez personnaliser dans le champ Formulaire de contact.

Ici, vous pourrez également définir un titre personnalisé et une description personnalisée pour votre formulaire, ainsi que d’afficher ou de masquer le titre, la description, les étiquettes, l’espace réservé et les messages d’erreur de votre formulaire.

Sous l’onglet Style, vous pouvez utiliser les paramètres Titre & Description pour personnaliser le titre et la description de votre formulaire.

Vous pouvez utiliser les paramètres Labels pour personnaliser les labels de votre formulaire WPForms.

Vous pouvez utiliser les paramètres Input & Textarea pour personnaliser les champs de saisie et Zone de texte de votre formulaire.

Vous pouvez utiliser les paramètres Field Description pour personnaliser la description du champ de votre formulaire.

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

Vous pouvez utiliser les paramètres Placeholder pour personnaliser la couleur de l’espace réservé de votre formulaire.

personnaliser les formulaires WPForms sans écrire de code CSS

Vous pouvez utiliser les paramètres Radio & Checkbox pour personnaliser les cases d’option et les cases à cocher de votre formulaire.

Vous pouvez utiliser les paramètres du Submit Button pour personnaliser le bouton d’envoi de WPForms.

Vous pouvez utiliser les paramètres Errors pour personnaliser les messages d’erreur de WPForms.

Et vous pouvez utiliser les paramètres Confirmation Messages pour personnaliser les messages de confirmation de WPForms.

personnaliser les formulaires WPForms sans écrire de code CSS

C’était beaucoup de réglages!

En utilisant WPForms avec Elementor et PowerPack, vous pouvez personnaliser WPForms comme vous le souhaitez sans écrire de code CSS.

Alors pourquoi perdre du temps à chercher du code CSS ?

WPForms fonctionne bien avec les plugins Elementor et PowerPack. Et en utilisant ces plugins, vous gagnerez beaucoup de temps.

Maintenant, si vous n’êtes pas fan des plugins gratuits et que vous souhaitez à tout prix trouver un plugin WordPress premium qui vous aidera à y arriver, nous vous conseillons le plugin Ultimate Addons d’Elementor. Il fonctionne exactement de la même manière que le plugin PowerPack que vous venez de voir ci-dessus.

Comme vous voyez, utiliser un plugin pour arriver à ce résultat vous fera gagner un temps précieux.

Obtenez Elementor Pro Maintenant !

Découvrez aussi quelques plugins WordPress premium  

Vous pouvez utiliser d’autres plugins WordPress pour donner une apparence moderne et pour optimiser la prise en main de votre blog ou site web.

Nous vous proposons donc ici quelques plugins WordPress premium qui vous aideront à le faire.

1. Gryphon SEO Tools

Gryphon SEO Tools est un puissant outil qui vous permettra d’améliorer le référencement de votre site web. Ce plugin WordPress premium nécessite seulement quelques configurations et il fonctionnera aussi bien sur les appareils mobiles que sur les ordinateurs de bureau et ce, quel que soit le navigateur utilisé.

Gryphon AutoBlog SEO Tools plugin wordpress

Ses fonctionnalités sont entre autres : la disponibilité du Test de score de lisibilité ajouté aux publications, l’ajout automatiquement les balises ‘alt’ et ‘title’ à toutes les images, la mise en page entièrement personnalisable, des mises à jour régulières, un support client disponible et plus.

Télécharger | Démo | Hébergement Web

2. Calendarista

Calendarista Premium WP Appointment Booking Plugin and Schedule System plugin wordpress

Calendarista est un plugin WordPress premium conçu pour offrir une expérience de réservation en ligne –Booking- plus rapide et plus efficace à vos clients. Son objectif est de rendre les services très rapides et faciles à ajouter pour les entreprises qui proposent la réservation des séances ou rendez-vous sur internet.

Donc, si vous êtes à la recherche d’un système complet de réservation pour un hôtel, une entreprise de location de voiture, de location d’appartement, d’agence de voyages, de salon de beauté, de restaurant, etc.…, ce plugin sera parfait pour vous. 

Lire aussi cet article sur Comment afficher toutes vos publications WordPress sur une seule page

Comme fonctionnalités il propose entre autre : 10 modèles de système de réservation prêts à l’emploi, le support de 3 passerelles de paiement, la prise en charge de WooCommerce, l’intégration d’un constructeur de formulaires personnalisables, le support de Google Map, un excellent modèle de calendrier pour afficher vos rendez-vous, et bien plus.

Télécharger | Démo Hébergement Web

3. MailChimp Comments

mailchimp comments plugin wordpress pour liste email

MailChimp Comments est une extension WordPress qui vous permet d’abonner les commentateurs de vos articles/pages via MailChimp. Lorsque les utilisateurs commentent quelque chose sur votre site Web, ils sont immédiatement ajoutés à votre liste de souscription d’email.

Consultez nos 8 plugins WordPress premium pour le référencement d’un blog

Vous pouvez configurer le plugin par rapport à vos utilisateurs pour éviter toute violation (spam). MailChimp Comments est un moyen parfait pour concevoir une liste d’adresses de vos commentateurs.

Télécharger | DémoHébergement Web

Ressources recommandées

Découvrez d’autres ressources recommandées qui vous accompagneront dans la création et la gestion de votre site web.

Conclusion

Voilà ! C’est tout pour ce guide qui vous aidera à personnaliser les formulaires WPForms sans écrire de code CSS. N’hésitez pas à le partager avec vos amis sur vos réseaux sociaux préférés

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress.

Si vous avez des suggestions ou des remarques, laissez-les dans notre section commentaires.

… 

Cet article comporte 0 commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
0 Partages
Partagez
Tweetez
Enregistrer