Les widgets Elementor : la brique de base de vos pages
Les widgets Elementor sont les éléments de construction que vous glissez-déposez sur vos pages. Chaque widget remplit une fonction précise et est entièrement personnalisable via le panneau de paramètres à gauche. Elementor Pro propose plus de 100 widgets en 2026 — les essentiels de la version gratuite plus les widgets avancés exclusifs Pro.
Les widgets de base (Elementor Free)
Texte, Titre, Image, Bouton, Espace, Diviseur, Accéordion, Onglets, Basculer, Icône, Galerie d’images, Carrousel d’images, Compteur, Barre de progression, Témoignages, Alert, Audio, Vidéo, Carte Google, Flux RSS, Widget texte WordPress, Menu de navigation de base. Ces widgets couvrent la majorité des besoins pour un site vitrine simple.
Les widgets exclusifs Elementor Pro
Formulaire (Form Builder) : formulaires avancés avec champs multiples, logique conditionnelle, intégrations CRM (Mailchimp, HubSpot, ActiveCampaign) et paiement Stripe/PayPal.
Loop Grid : grille de répétition de templates dynamiques pour afficher des listes d’articles, produits WooCommerce ou Custom Post Types.
Portfolio, Posts, Archive Posts : affichage des publications avec filtres isotope, pagination AJAX et mise en page configurable.
Widgets WooCommerce : Elements de boutique (grille produits, fiche produit, panier, checkout) entièrement personnalisables.
Menu de navigation avancé : avec support des mega menus, animations d’ouverture, et responsive avancé.
Compte à rebours, Partage social, Table des matières, Barre de lecture : widgets utilitaires qui améliorent l’engagement sur les pages éditoriales et les landing pages.
Les paramètres d’un widget Elementor
Chaque widget a trois onglets de paramètres : Contenu (les données affichées), Style (typographie, couleurs, espacements, effets) et Avancé (CSS custom, animations d’entrée, conditions d’affichage, motion effects). La séparation Contenu/Style/Avancé est la logique centrale d’Elementor et permet une organisation claire du paramétrage.
FAQ — Widgets Elementor Pro
Peut-on désactiver les widgets Elementor inutilisés pour améliorer les performances ? Oui. Dans Elementor → Paramètres → Fonctionnalités, vous pouvez désactiver les widgets que vous n’utilisez pas. Chaque widget activé charge son propre CSS et parfois du JavaScript. Désactiver les widgets inutilisés réduit le poids des feuilles de style générées, ce qui améliore légèrement les performances. Sur un site de production, ne gardez que les widgets réellement utilisés.
Comment ajouter des widgets personnalisés à Elementor ? Deux options : (1) développer un widget Elementor personnalisé en PHP (en utilisant l’API Elementor Widgets), ou (2) utiliser des plugins de widgets tiers comme Essential Addons for Elementor, JetElements (Crocoblock), ou Happy Addons. Pour les développeurs, l’API Elementor Widgets est bien documentée et permet de créer n’importe quel widget avec un rendu personnalisable.
Le widget Formulaire Elementor Pro est-il suffisant ou faut-il Fluent Forms / Gravity Forms ? Le Form Builder Elementor Pro couvre la majorité des besoins : contact, devis, inscription, paiement Stripe/PayPal. Ses limites : pas de signature électronique, pas de gestion avancée des soumissions avec PDF généré, et logic conditionnelle moins puissante que Gravity Forms. Pour des formulaires complexes (multiples étapes, PDF généré, signature), Fluent Forms Pro ou Gravity Forms offrent plus de flexibilité.
Le widget Loop Grid remplace-t-il le Listing Grid de JetEngine ? Partiellement. Le Loop Grid natif d’Elementor Pro couvre les cas simples (grille d’articles, produits WooCommerce) avec des filtres basiques. JetEngine Listing Grid va plus loin : requêtes géographiques, meta_query imbriqués, affichage de répéteurs, Calendar Listing, Map Listing. Si votre projet a des données dynamiques complexes, JetEngine Listing Grid reste supérieur.
Peut-on animer les widgets Elementor sans plugin supplémentaire ? Oui. Dans l’onglet Avancé de chaque widget, la section « Animations d’entrée » permet d’ajouter des effets d’apparition (fondu, glissement, zoom) déclenchés au scroll. La section « Motion Effects » permet des animations de parallaxe et de souris. Pour des animations plus avancées (animations continuées, Hotspots, Sticky Column), JetTricks de Crocoblock ajoute des effets non disponibles nativement.