3.3Widgets Pro : formulaires, posts, diaporamas
L'essentiel en 30 secondes
- Pro ajoute des widgets puissants : Formulaire, Articles/Posts (grille), Diaporama, table des matières…
- Le widget Formulaire crée des formulaires visuellement (champs, validation, actions après envoi).
- Ces widgets intégrés évitent d'empiler des plugins tiers (moins de conflits, plus léger).
Mini-cas filé — Nadia pose un vrai formulaire
Jusqu'ici, le contact du menuisier passait par un numéro de téléphone. Le client veut un formulaire de devis (nom, téléphone, type de meuble, message). Nadia utilise le widget Formulaire de Pro : champs sur-mesure, e-mail de notification à l'atelier, message de remerciement. Pas besoin d'un plugin de formulaire séparé.
Suite de 3.2 — Nadia exploite les widgets Pro.
1. Formulaire, posts, diaporama
Elementor Pro ajoute de nombreux widgets. Le widget Formulaire crée des formulaires visuellement : champs variés (texte, e-mail, téléphone, liste, message), validation, et actions après soumission (envoyer un e-mail, afficher un message, rediriger). Le widget Articles/Posts affiche une liste/grille d'articles (derniers conseils, portfolio). Le Diaporama (Slides) propose un diaporama riche (image de fond, texte, boutons par diapo).
Nadia crée un formulaire de devis avec les bons champs et une notification e-mail vers l'atelier.
2. Intégré plutôt que plugins tiers
Avantage clé : ces widgets sont intégrés à Elementor. Les concevoir dans l'éditeur évite d'installer des plugins tiers (formulaire, slider, grille d'articles) — donc moins de conflits, un site plus léger et une maintenance simplifiée.
Règle : si Pro fournit le widget, l'utiliser plutôt que d'ajouter une extension externe. On garde tout dans un seul écosystème cohérent.
🔎 Exemple concret — Formulaire de devis (cas Nadia)
Widget Formulaire :
champs = Nom · Téléphone · Type de meuble (liste) · Message
validation = téléphone/e-mail requis
actions après envoi = e-mail à l'atelier + message « Merci, on vous rappelle »
→ Pas de plugin de formulaire séparé.Résultat : un vrai formulaire, intégré et léger.
Leçon : intégré > plugin tiers quand c'est possible.
Vocabulaire de la section
- Widgets Pro
- De nombreux widgets ajoutés par Elementor Pro (Formulaire, Posts, Slides, table des matières…).
Exemple simple : Nadia utilise Formulaire et Posts.
Ce que ce n'est pas : ignorer les widgets Pro et empiler des plugins tiers.
Réflexe : vérifier si Pro fournit déjà le widget.
- Widget Formulaire (Pro)
- Créer des formulaires visuellement : champs, validation, actions après soumission.
Exemple simple : formulaire de devis avec notification e-mail.
Ce que ce n'est pas : installer un plugin de formulaire alors que Pro l'inclut.
Réflexe : formulaire → widget Pro intégré.
- Widget Articles/Posts (Pro)
- Afficher une liste ou une grille d'articles (derniers conseils, portfolio).
Exemple simple : grille des 3 derniers conseils en page d'accueil.
Ce que ce n'est pas : lister les articles à la main.
Réflexe : liste d'articles → widget Posts dynamique.
- Diaporama (Slides)
- Un diaporama riche (image de fond, texte, boutons par diapo).
Exemple simple : diaporama d'ambiance en haut d'une page.
Ce que ce n'est pas : abuser du diaporama et masquer l'info clé.
Réflexe : diaporama avec parcimonie, info essentielle visible.
- Intégré vs plugins tiers
- Les widgets Pro intègrent des fonctions qui éviteraient des plugins externes.
Exemple simple : formulaire, slider, grille via Pro, sans extension tierce.
Ce que ce n'est pas : multiplier les plugins qui font double emploi.
Réflexe : intégré d'abord ; plugin tiers si vraiment nécessaire.
En pratique — Créer un formulaire de contact pro
- Insérez le widget Formulaire et définissez les champs utiles (nom, tél, sujet, message).
- Réglez la validation (champs requis, format e-mail/téléphone).
- Configurez les actions après envoi : e-mail de notification + message de confirmation.
- Testez l'envoi et vérifiez la réception de l'e-mail.
Script prêt à dire — présenter le formulaire au client (20 s)
« J'ai ajouté un formulaire de demande de devis : le visiteur renseigne son besoin, et vous recevez immédiatement un e-mail avec ses informations. Pas de logiciel supplémentaire à gérer, tout est intégré au site — c'est plus simple et plus fiable. »
Souligner la simplicité (intégré) et la réception directe.
Modèle copier-coller — check formulaire
CHAMPS : nom ___ téléphone ___ e-mail ___ sujet/liste ___ message ___
VALIDATION (requis, format) : _______________
ACTION APRÈS ENVOI : e-mail à ___________ message de confirmation ___________
TEST D'ENVOI + RÉCEPTION E-MAIL : fait / à faire
CONSENTEMENT / RGPD (si données personnelles) : oui / nonDevis artisan
Champs : nom, tél, type de meuble, message ; notification à l'atelier.
Derniers articles
Widget Posts en grille sur l'accueil pour montrer l'activité.
Mobile
Formulaire court et champs larges, faciles à remplir au doigt.
Sobriété plugins
Préférer les widgets Pro intégrés plutôt que multiplier les extensions.
✓ Bonnes pratiques
- Utiliser le widget Formulaire plutôt qu'un plugin tiers.
- Tester l'envoi et la réception de l'e-mail.
- Limiter les champs à l'utile (taux de remplissage).
✗ Pièges fréquents
- Empiler des plugins qui font double emploi.
- Un formulaire trop long qui décourage.
- Oublier de tester la réception des messages.
Points clés à retenir
- Pro ajoute Formulaire, Posts, Slides, etc.
- Formulaire : champs + validation + actions après envoi.
- Intégré = moins de plugins, moins de conflits.
- Toujours tester l'envoi d'un formulaire.
Défi 48h — appliquez demain
Créez un formulaire de contact avec le widget Pro (3-4 champs, validation, e-mail de notification + message de confirmation) et testez un envoi réel. 30 minutes.
- Je crée un formulaire avec le widget Pro.
- Je configure validation et actions après envoi.
- Je teste la réception des messages.
Questions fréquentes
Elementor Pro remplace-t-il un plugin de formulaire ?
Oui dans la plupart des cas : le widget Formulaire gère champs, validation et actions (e-mail, message, redirection). Cela évite un plugin tiers et les conflits associés.
Reçoit-on les messages par e-mail ?
Oui : dans les actions après soumission, on configure l'envoi d'un e-mail de notification (et un accusé au visiteur). Pensez à tester la réception réelle.
Pourquoi préférer l'intégré aux plugins tiers ?
Moins d'extensions = moins de conflits, un site plus léger et une maintenance simplifiée. On n'ajoute un plugin tiers que si Elementor ne couvre pas le besoin.
Le menuisier veut un vrai formulaire de devis (nom, tél, message) avec notification par e-mail. Que choisit Nadia ?