WeForms Elementor Widget pour Style Vos weForms
Le widget Master Addons weForms place un formulaire intégré au plugin gratuit weForms sur n'importe quelle page Elementor et vous permet de le styliser à partir du panneau Elementor Choisissez le formulaire, choisissez une variante de désignation, puis stylisez le conteneur de formulaire, les champs, l'état de mise au point, les étiquettes, les espaces réservés et le bouton Soumettre Le style un à quatre est gratuit, et Maître Addons Pro ajoute Style Five à Eleven Vous devez installer le plugin weForms.
Comment ajouter weForms à Elementor
Vous avez besoin d'Elementor, du plugin gratuit weForms et du plugin gratuit Master Addons.
- Installez weForms à partir de plugins, ajoutez nouveau et créez votre formulaire dans le tableau de bord weForms.
- Vérifiez que weForms est activé sous Additions maîtresses, widgets.
- Dans l'éditeur Elementor, recherchez weForms et faites glisser le widget Master Addons sur la page.
- Choisissez votre formulaire dans Sélectionnez weForm.
- Choisissez une variante de désignation dans l'onglet Style.
- Stylez le conteneur, les champs, les étiquettes et le bouton de soumission, puis envoyez une entrée de test.
Variations de conception : 4 styles gratuits, 11 avec Pro
Le Variations de conception dropdown applique un style correspondant au conteneur, aux champs et au bouton en une seule étape. Les styles un à quatre fonctionnent dans le plugin gratuit et les styles cinq à onze ont besoin de pro. Ce sont les mêmes préréglages utilisés par le Formulaire de contact 7 widget et les démos ci-dessous sont construites avec ce widget.
- 4 préréglages gratuits, 11 avec Pro.
- Ajustez davantage tout préréglage avec les sections de style ci-dessous.
- Utilisez un préréglage différent pour chaque formulaire sur le même site.
Formulaire de styles de conteneurs et de champs
Le Formulaire Styles de conteneurs la section couvre la couleur d'arrière-plan, l'alignement, la largeur, la largeur maximale, la marge, le rembourrage, la bordure, le rayon de la bordure et l'ombre de la boîte. Formulaire Fields Styles définit l'arrière-plan d'entrée, les largeurs séparées pour les entrées et la zone de texte, le remplissage de champ, la bordure, le rayon et l'ombre de la boîte La largeur, le remplissage et la marge sont réactifs, vous pouvez donc les modifier pour tablette et mobile.
- La largeur d'entrée et la largeur de la zone de texte sont définies séparément.
- Focus State Style donne aux champs leur propre couleur de bordure et leur propre ombre de boîte pendant qu'un visiteur tape.
- Le remplissage des champs et le rayon de bordure s'appliquent à chaque zone de saisie.
Étiquette, entrées et couleurs et typographie des espaces réservés
Le Couleur & Typographie la section comporte trois couleurs : la couleur de l'étiquette, la couleur de la police de champ pour le texte qu'un visiteur tape et la couleur de la police de l'espace réservé. La typographie de l'étiquette et la typographie des champs de saisie sont distinctes, de sorte que les étiquettes peuvent utiliser une police, une taille ou un poids différent de celui des champs.
- Les étiquettes, le texte tapé et les espaces réservés obtiennent chacun leur propre couleur.
- L'étiquette et la typographie d'entrée sont définies séparément.
Soumettre les styles de boutons
Le Soumettre les styles de boutons la section définit la largeur des boutons, l'alignement, la typographie, la marge et le remplissage. Les onglets normaux et Hover ont chacun des couleurs de texte et d'arrière-plan. Normal a également un rayon de bordure et de bordure, et Hover a une couleur de bordure et une ombre de boîte.
- La largeur du bouton, la marge et le rembourrage sont réactifs.
- L'alignement des boutons est par défaut sur toute la largeur (justifier).
- L'état de survol modifie le texte, l'arrière-plan et la couleur de la bordure.
Foire aux questions pour weForm
Comment connecter cet élément à mes weForms existants ?
Construisez d'abord le formulaire dans le tableau de bord weForms. Dans l'onglet Contenu du widget, choisissez-le Sélectionnez weForm. La note du panneau vous demande d'enregistrer et d'actualiser l'éditeur après avoir choisi un formulaire afin que les champs se chargent.
Mon formulaire fonctionnera-t-il toujours et enverra-t-il des e-mails comme avant ?
Oui. Le widget ajoute uniquement du style Les soumissions, notifications et confirmations s'exécutent toujours via weForms avec les paramètres que vous y avez créés.
Le widget weForms est-il gratuit ?
Oui. Le widget fait partie du plugin gratuit Master Addons avec Style One to Four et toutes les sections de style Master Addons Pro ajoute Style Five à Eleven. weForms lui-même a également une version gratuite sur WordPress.org.
La forme conçue est-elle entièrement réactive sur mobile ?
Le formulaire suit votre thème et la disposition weForms sur de petits écrans Largeur du formulaire, largeur maximale, marge, remplissage, largeurs de champ, largeur des boutons et alignement des boutons sont des contrôles réactifs, vous pouvez donc définir différentes valeurs pour tablette et mobile dans Elementor.
Que faire si je mets à jour les paramètres de mon champ dans le plugin principal weForms ?
Les modifications que vous apportez au formulaire dans weForms s'affichent sur la page car le widget restitue le formulaire depuis weForms. Actualisez l'éditeur Elementor pour voir de nouveaux champs lors de l'édition Les paramètres de style dans le widget s'appliquent également aux nouveaux champs.
Puis-je toujours utiliser Conditional Logic et d'autres fonctionnalités avancées de weForms ?
Oui. Le widget génère le formulaire weForms lui-même, donc les fonctionnalités que vous avez configurées dans weForms continuent de fonctionner. Certains d'entre eux, tels que la logique conditionnelle et les formulaires en plusieurs étapes, dépendent de votre plan weForms.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
