3.3Widgets Pro : formulaires, posts, diaporamas
Elementor PRO ajoute de nombreux WIDGETS PRO puissants, qui étendent largement les possibilités. Parmi les plus utiles. (1) Le FORMULAIRE (Form) : créer des formulaires (contact, inscription, devis…) VISUELLEMENT — champs (texte, e-mail, message, choix, case, fichier…), validation, message de confirmation, et surtout des ACTIONS après soumission (envoyer un e-mail, enregistrer, rediriger, connecter à un service marketing — niveau 4-4). En Free, on passe par un plugin de formulaire tiers ; en Pro, le formulaire est natif et intégré. (2) Le widget ARTICLES / POSTS : afficher une LISTE ou une GRILLE d'articles (les derniers articles, ceux d'une catégorie…) avec un design personnalisé — pour une page blog, une section « actualités », des articles liés. (3) Le DIAPORAMA (Slides) : un diaporama riche (images de fond, texte, boutons par diapositive) — pour des bannières animées. (4) Bien d'autres : témoignages, carrousel de témoignages, prix (pricing table), compte à rebours, partage social, navigation (menu), galerie Pro, etc. Ces widgets couvrent des besoins professionnels courants sans coder ni multiplier les plugins.
Chaque widget Pro se configure via les trois onglets (contenu, style, avancé). Ils apportent des fonctionnalités qui, sans Pro, nécessiteraient des plugins tiers (formulaires, sliders, affichage d'articles…) — Pro les INTÈGRE de façon cohérente et bien conçue. Bonnes pratiques. (1) Utiliser ces widgets pour les besoins pros courants (un FORMULAIRE de contact, une section d'ARTICLES, un DIAPORAMA) plutôt que d'empiler des plugins tiers (cohérence, maintenance). (2) Pour les FORMULAIRES : champs pertinents (ne pas en demander trop), validation, message de confirmation clair, et définir les ACTIONS (e-mail de notification a minima) — un formulaire doit ABOUTIR (l'information arrive quelque part). (3) Pour les ARTICLES/POSTS : afficher le bon contenu (catégorie, nombre), un design de cartes soigné et responsive. (4) Modération sur les DIAPORAMAS (comme les carrousels : contenu caché, prudence). (5) Penser accessibilité et performance. Points importants. (1) Elementor PRO ajoute de nombreux WIDGETS PRO : FORMULAIRE (natif, avec actions après soumission), ARTICLES/POSTS (grille/liste d'articles), DIAPORAMA, témoignages, prix, compte à rebours, partage social, navigation… (2) Ils remplacent des plugins tiers en les INTÉGRANT de façon cohérente (formulaires, sliders, affichage d'articles). (3) Le FORMULAIRE (Pro) est un widget clé : champs, validation, et ACTIONS après soumission (e-mail, redirection, intégrations — niveau 4-4) ; en Free, on utilise un plugin tiers. (4) Le widget ARTICLES/POSTS affiche des listes/grilles d'articles au design maîtrisé. (5) Chaque widget se configure via les trois onglets ; les utiliser à bon escient (sans surcharger). Maîtriser les widgets Pro — surtout formulaires et articles — étend considérablement les possibilités sans coder. Les effets de mouvement et les pop-ups enrichissent encore l'expérience.
Vocabulaire de la section
- Widgets Pro
- De nombreux widgets ajoutés par Elementor Pro : Formulaire, Articles/Posts, Diaporama, témoignages, prix, compte à rebours, partage social, navigation, galerie Pro… Ils étendent largement les possibilités sans coder.
- Widget Formulaire (Pro)
- Créer des formulaires VISUELLEMENT (champs, validation, confirmation) et définir des ACTIONS après soumission (envoyer un e-mail, enregistrer, rediriger, intégrations marketing). En Free, on passe par un plugin tiers.
- Widget Articles/Posts (Pro)
- Afficher une LISTE ou une GRILLE d'articles (derniers articles, d'une catégorie…) au design personnalisé — pour un blog, une section actualités, des articles liés.
- Diaporama (Slides)
- Un diaporama riche (image de fond, texte, boutons par diapositive) pour des bannières animées — à utiliser avec modération (contenu caché, comme les carrousels).
- Intégration vs plugins tiers
- Les widgets Pro (formulaires, sliders, articles…) INTÈGRENT de façon cohérente des fonctionnalités qui, sans Pro, nécessiteraient des plugins tiers — moins de plugins à empiler, plus de cohérence.
Où vont les données d'un formulaire créé avec le widget Formulaire (Pro) ?
En pratique — Utiliser les widgets Pro
- Créez un FORMULAIRE (widget Pro) : champs pertinents (contact, e-mail, message), validation, message de confirmation, et surtout les ACTIONS après soumission (e-mail de notification a minima).
- Affichez des ARTICLES avec le widget Posts (grille/liste : catégorie, nombre) au design soigné et responsive — pour un blog ou une section actualités.
- Utilisez un DIAPORAMA pour une bannière animée (avec modération, comme les carrousels) ; explorez les autres widgets (témoignages, prix, partage social).
- Configurez chaque widget via les trois onglets ; privilégiez ces widgets intégrés plutôt que d'empiler des plugins tiers (cohérence, maintenance).
Points clés à retenir
- Elementor PRO ajoute de nombreux WIDGETS PRO : FORMULAIRE (natif), ARTICLES/POSTS (grille/liste d'articles), DIAPORAMA, témoignages, prix (pricing), compte à rebours, partage social, navigation… — ils étendent largement les possibilités SANS coder.
- Ils INTÈGRENT de façon cohérente des fonctionnalités qui, sans Pro, nécessiteraient des PLUGINS TIERS (formulaires, sliders, affichage d'articles) — moins de plugins à empiler, plus de cohérence et de maintenance facilitée.
- Le FORMULAIRE (Pro) est un widget clé : champs, validation, message de confirmation, et surtout ACTIONS après soumission (envoyer un e-mail, enregistrer, rediriger, intégrations marketing — niveau 4-4). Un formulaire doit ABOUTIR (l'info arrive quelque part). En FREE, on passe par un plugin tiers.
- Le widget ARTICLES/POSTS affiche des listes/grilles d'articles au design maîtrisé (blog, actualités, articles liés). Utiliser ces widgets à BON ESCIENT (sans surcharger) ; modération sur les DIAPORAMAS (contenu caché). Chacun se configure via les trois onglets.
Questions fréquentes
Comment créer un formulaire de contact fonctionnel avec Elementor, et où vont les données ?
Le widget Formulaire d'Elementor Pro permet de créer un formulaire visuellement, mais l'essentiel est de définir les ACTIONS après soumission (surtout l'envoi d'un e-mail de notification) pour que les données ARRIVENT quelque part — un formulaire qui ne va nulle part est inutile. Créer le formulaire (widget Form, Pro) : (1) Glissez le widget FORMULAIRE et définissez ses CHAMPS : nom, e-mail, sujet, message… (types variés : texte, e-mail, téléphone, choix, case à cocher, téléversement de fichier…). (2) Réglez chaque champ (label, obligatoire ou non, placeholder). (3) Ajoutez la VALIDATION (champs requis, format d'e-mail) et un bouton d'envoi. (4) Prévoyez le MESSAGE de confirmation (« Merci, votre message a été envoyé ») et de succès/erreur. (5) Stylisez le formulaire (via les onglets). En Elementor FREE, le widget Formulaire n'existe pas : on utilise un PLUGIN de formulaire tiers (ex. Contact Form 7, WPForms…) inséré via son shortcode/widget. Où vont les DONNÉES — les ACTIONS après soumission (le point crucial) : (1) Créer un formulaire ne suffit PAS : il faut définir ce qui se passe QUAND il est soumis (les « Actions After Submit »). Sinon, les données saisies ne vont NULLE PART (le formulaire est décoratif et inutile). (2) L'action de base : ENVOYER un E-MAIL (Email) — le contenu du formulaire est envoyé par e-mail à une adresse (la vôtre) : vous RECEVEZ les messages. C'est l'action minimale indispensable pour un formulaire de contact (savoir qu'on vous a écrit et lire le message). Réglez l'adresse de destination, l'objet, le contenu. (3) Autres actions possibles : (a) un 2e e-mail (accusé de réception à l'expéditeur) ; (b) REDIRECTION vers une page de remerciement ; (c) ENREGISTREMENT des soumissions (selon les cas) ; (d) INTÉGRATION à un service marketing/CRM (ajouter l'e-mail à une liste — niveau 4-4) ; (e) webhooks, etc. (4) On peut combiner plusieurs actions (envoyer l'e-mail + rediriger + ajouter à une liste). Un point IMPORTANT sur la délivrabilité des e-mails : (1) Les e-mails envoyés par WordPress/Elementor arrivent parfois mal (spam, non reçus) car l'envoi par défaut du serveur est peu fiable. (2) BONNE PRATIQUE : configurer un envoi d'e-mails FIABLE via un plugin SMTP (relier WordPress à un service d'envoi d'e-mails) — pour que les notifications de formulaire arrivent bien. C'est un réglage souvent nécessaire. (3) TESTEZ toujours le formulaire (soumettez-le et vérifiez que vous recevez bien l'e-mail). Les bonnes pratiques : (1) Définir l'action E-MAIL (a minima) — sinon les données sont perdues. (2) TESTER la réception (envoyer un vrai test). (3) Configurer un SMTP fiable (délivrabilité). (4) CHAMPS pertinents et pas trop nombreux (un formulaire long décourage). (5) VALIDATION (champs requis, format e-mail). (6) MESSAGE de confirmation clair. (7) Respecter le RGPD/la vie privée (consentement, mention sur l'usage des données — selon votre pays). (8) Protéger du SPAM (captcha/anti-spam). Les pièges : (1) Créer un formulaire SANS action (les messages ne vont nulle part — l'erreur n°1). (2) Ne pas tester (et découvrir trop tard qu'aucun message n'arrive). (3) E-mails qui partent en spam (SMTP non configuré). (4) Trop de champs (abandon). (5) Négliger l'anti-spam et le RGPD. En résumé : créez un formulaire de contact avec le widget FORMULAIRE d'Elementor Pro (champs pertinents, validation, message de confirmation ; en Free, via un plugin de formulaire tiers). Mais l'ESSENTIEL est de définir les ACTIONS après soumission — au minimum ENVOYER un E-MAIL à votre adresse (pour recevoir les messages) — sinon les données saisies ne vont NULLE PART et le formulaire est inutile. Ajoutez selon le besoin d'autres actions (accusé de réception, redirection, enregistrement, intégration CRM/marketing). Attention à la DÉLIVRABILITÉ : configurez un envoi d'e-mails fiable (plugin SMTP) pour que les notifications arrivent bien, et TESTEZ toujours le formulaire (soumettez et vérifiez la réception). Soignez aussi les champs (pertinents, pas trop), la validation, l'anti-spam et le respect de la vie privée (RGPD). Un formulaire n'est utile que s'il ABOUTIT (les données arrivent, l'e-mail est reçu) : les actions et le test de réception sont donc le cœur de la démarche, pas seulement le design du formulaire.
Vaut-il mieux utiliser les widgets Pro d'Elementor ou des plugins tiers pour ces fonctions ?
Pour les fonctions courantes (formulaires, sliders, affichage d'articles…), les widgets Pro d'Elementor offrent une solution INTÉGRÉE et cohérente, souvent préférable à l'empilement de plugins tiers — mais les plugins tiers gardent leur place pour des besoins spécifiques ou en l'absence de Pro. Les WIDGETS PRO d'Elementor : (1) INTÉGRATION et COHÉRENCE. Les widgets Pro (formulaire, articles, diaporama, prix…) sont intégrés à Elementor : même interface, même logique (3 onglets), même système de style/responsive, mêmes globales. On construit tout dans un seul outil, de façon cohérente. (2) MOINS de plugins. Utiliser les widgets Pro évite d'INSTALLER des plugins tiers séparés pour chaque fonction (un plugin de formulaire, un de slider, un d'articles…). Or chaque plugin ajoute du poids, des risques (sécurité, conflits, maintenance, mises à jour). Moins de plugins = site plus léger, plus sûr, plus simple à maintenir. (3) MAINTENANCE simplifiée : un seul outil (Elementor Pro) à maintenir plutôt que plusieurs extensions hétérogènes. (4) Cohérence de DESIGN : les widgets Pro adoptent votre identité (globales) et s'intègrent au design ; des plugins tiers peuvent avoir leur propre style à harmoniser. Les PLUGINS TIERS (leur place) : (1) En l'ABSENCE de Pro : en Elementor Free, certaines fonctions (formulaires notamment) nécessitent un plugin tiers (le widget Formulaire est Pro). On utilise alors un plugin de formulaire dédié. (2) Pour des besoins SPÉCIFIQUES ou avancés que les widgets Pro ne couvrent pas ou moins bien : un plugin de formulaire très avancé (logique conditionnelle poussée, paiements), une fonctionnalité de niche, un besoin métier particulier. Des plugins spécialisés peuvent aller plus loin qu'un widget généraliste. (3) Les ADD-ONS Elementor (plugins tiers qui AJOUTENT des widgets à Elementor) : ils complètent Elementor avec des widgets supplémentaires — utiles, mais à choisir avec soin (qualité, performance, maintenance). Comment décider : (1) Fonction courante couverte par un widget Pro (formulaire de contact standard, section d'articles, diaporama, prix) → utilisez le WIDGET PRO (intégré, cohérent, moins de plugins). C'est généralement préférable. (2) Pas de Pro → plugin tiers pour ce que Free ne fait pas (formulaires, etc.). (3) Besoin SPÉCIFIQUE/avancé non couvert par les widgets Pro → plugin spécialisé (mais évaluer le coût en poids/maintenance). (4) Principe général : ne pas EMPILER les plugins inutilement. Chaque plugin ajouté doit se justifier (un vrai besoin non couvert). Privilégier l'intégré (Pro) quand il suffit, ajouter un plugin ciblé quand c'est nécessaire. Les points d'attention : (1) La PERFORMANCE et la SÉCURITÉ se dégradent avec le nombre de plugins (chacun est du code en plus, une surface de risque, une dépendance). Moins = mieux. (2) Les CONFLITS entre plugins (ou avec Elementor) sont plus probables quand on en accumule. (3) La cohérence de DESIGN est plus facile avec les widgets intégrés. (4) Choisir des plugins tiers RÉPUTÉS et MAINTENUS (si on en utilise). Les bonnes pratiques : (1) Utilisez les WIDGETS PRO pour les fonctions courantes qu'ils couvrent (intégration, moins de plugins). (2) N'ajoutez un PLUGIN TIERS que pour un besoin spécifique non couvert, ou en Free. (3) Limitez le NOMBRE de plugins (performance, sécurité, maintenance). (4) Choisissez des extensions de qualité et maintenues. En résumé : pour les fonctions courantes (formulaires de contact, affichage d'articles, diaporamas, prix…), privilégiez les WIDGETS PRO d'Elementor — ils offrent une solution INTÉGRÉE et COHÉRENTE (même interface, style, globales), évitent d'EMPILER des plugins tiers (chaque plugin ajoutant poids, risques de sécurité, conflits et maintenance) et simplifient le site. Réservez les PLUGINS TIERS aux cas où ils sont nécessaires : en l'absence de Pro (Free — formulaires par exemple), pour des besoins SPÉCIFIQUES ou avancés que les widgets Pro ne couvrent pas, ou via des add-ons Elementor ciblés (choisis avec soin). Le principe : ne pas multiplier les plugins inutilement (moins de plugins = site plus léger, plus sûr, plus simple à maintenir) ; utiliser l'intégré (Pro) quand il suffit, et n'ajouter un plugin que pour un vrai besoin non couvert, en choisissant des extensions réputées et maintenues. Les widgets Pro couvrent la plupart des besoins courants de façon cohérente — un atout majeur d'Elementor Pro pour garder un site propre et maintenable.