Les formulaires construits avec le plugin WordPress Contact Form 7 peuvent être aussi réactifs et interactifs qu’une app, il suffit d’y ajouter le thème « Material Design » de Google.
Material design
for Contact Form 7
Ce plugin permet de créer des Short-codes, qui vous permettront d’améliorer l’apparence et l’interactivité de vos formulaires conçus avec CF7 en leur appliquant une surcouche graphique en material design.
Qu’est ce que Material Design ?
Material Design est un ensemble de lignes directrices, écrites par Google, qui souligne à quoi votre site internet ou app ressemble et se comporte. La plupart des apps Google utilisent Material Design, Android y compris.
Que fait le plugin Material Design for CF7
Faites que votre formulaire réagisse aux entrées de l’utilisateur de manière plus intuitive. Les étiquettes de champs réagissent lorsque vous les survolez. Les cases et radios s’animent lorsque vous cliquez dessus. Les bouttons « envoyez » incluent la conception materielle « ripple effect ». Et bien plus encore …
UX Research
- Thème clair ou sombre
- Entrée de texte (inclus texte, email, adresse web, numéro de téléphone, date) – variante grisée ou contournée
- Aire de texte avec option de mise à la bonne taille automatique
- Sélection/menu déroulant – variante « grisé » ou « contourné »
Les éléments de formulaires
- Cases
- Radios
- Acceptation
- Champs upload de fichier
- Bouton envoyer (incluant la roue de chargement)
Autres possibilités intégrées
- Quiz
- ReCaptcha
- Autre (messages de validation …)
Les plus de la version pro
- Personnaliser couleurs et polices
- Organiser les champs en colonnes
- Change les radios et cases en switches
Web Design
- Ajouter les icônes principales au texte et sélectionner les champs
- Grouper les champs en sections avec le mode cards
Assistance
- Assistance utilisateur réactive par mail direct
- Support en ligne réactif sur WordPress.org
Le module Material Design for CF7 fonctionne bien avec ces plugins
- Contact Form 7 Live Preview
- Mailchimp pour WordPress
- Champs obligatoires pour CF7
- Formulaires CF7 en plusieurs étapes
- Invisible reCaptcha for WordPress (but not CF7 Invisible reCaptcha)
- Multifile Upload Field pour Contact Form 7 (support basique)
Formulaire de contact réactif
Material Design for Contact Form 7 est un thème de Contact Form 7 totalement ergonomique. Il s’adapte à la taille de votre écran et fonctionne sur tous les appareils.
Style de Contact Form
Material Design for Contact Form 7 applique les couleurs et polices Material Design par défaut, mais vous pouvez utiliser le WordPress Customizer pour changer les polices et couleurs à votre guise en version Pro.
Contributeurs & développeurs
« Material Design for Contact Form 7 » est un add-on pour le module Contact Form 7 . Les personnes suivantes ont contribué à cette extension.
Commentaires - Addons noté 4.2/5 sur WordPress.org
20 000+ installations actives
Avis clients
Nos clients aiment le style de leurs formulaires en Material Design et ils le disent …
Angus went beyond the call of duty. The level of support was superb. Got the forms working precisely to our needs. Friendly and professionally accomplished. Many thanks!
Just purchased the PRO version and it is a really good one. Instead to spend lots of time coding to implement material forms, I nade it in minutes. If you deal with forms to collect leads, this plugin is a must have.
I love it. I was a bit reluctant to use it, but after installing it, got the way the shortcodes need to be implemented, and it is pretty straightforward. I just used the basics, and it works cool right out of the box.
Really love the plugin, has taken all of my contact forms to the next level. Since I have moved to the pro version the support from Angus has been truly incredible and helped me out a lot. Thanks man!