WooCommerce Builder Elementor Pro : une boutique 100% sur mesure
Le WooCommerce Builder d’Elementor Pro permet de remplacer visuellement toutes les pages WooCommerce par des templates sur mesure. Sans Elementor Pro, vos pages de boutique, fiches produits, panier, et checkout utilisent le design par défaut de WooCommerce — fonctionnel mais générique. Avec le WooCommerce Builder, chaque page est designée dans l’éditeur Elementor avec les Dynamic Tags WooCommerce qui injectent les données réelles de chaque produit automatiquement.
Les templates WooCommerce disponibles
Le WooCommerce Builder propose des templates dédiés pour chaque étape du parcours client : Single Product (fiche produit avec galerie, prix, bouton panier, description, avis, produits similaires), Product Archive (page boutique avec filtres et listing), Cart (panier avec résumé et upsells), Checkout (tunnel de paiement optimisé), Order Confirmation (page de confirmation), et My Account (espace client). Chaque template est créé via le Theme Builder d’Elementor Pro avec des conditions d’affichage spécifiques.
Dynamic Tags WooCommerce : l’intelligence du template
Les Dynamic Tags WooCommerce sont le cœur du système. Ils permettent d’injecter les données réelles de chaque produit dans le template : titre du produit, prix (régulier et promotionnel), description courte, description longue, galerie d’images, bouton « Ajouter au panier », note moyenne, nombre d’avis, SKU, statut de stock, catégories, et tags. Un seul template de fiche produit sert pour tous vos produits — Elementor injecte automatiquement les bonnes données selon le produit affiché.
Widgets WooCommerce natifs dans Elementor Pro
En plus des Dynamic Tags, Elementor Pro ajoute des widgets WooCommerce spécialisés : Galerie produit (avec zoom et lightbox), Prix produit (avec barres de promotion), Bouton Ajouter au panier, Avis produits (avec formulaire d’ajout), Produits liés, Menu des catégories WooCommerce, et Panier (mini-panier). Ces widgets sont placés librement dans le template pour créer exactement la mise en page souhaitée.
Templates différents par catégorie de produit
Une des fonctionnalités les plus puissantes : créer des templates de fiche produit différents selon la catégorie. Un produit physique peut avoir une fiche avec galerie, spécifications techniques, et configurateur de variantes. Un produit numérique peut avoir une fiche simplifiée avec prévisualisation et liste de fonctionnalités. Une formation en ligne peut avoir une fiche avec programme détaillé et témoignages intégrés. Les conditions d’affichage du Theme Builder permettent d’assigner ces templates par catégorie WooCommerce.
Optimisation des performances e-commerce
Pour maintenir un bon score PageSpeed avec WooCommerce : activez le chargement conditionnel des assets WooCommerce dans Elementor → Paramètres → Avancé, optimisez les images produits avec Imagify (WebP), désactivez les widgets WooCommerce inutilisés dans Elementor → Éléments, et configurez WP Rocket pour exclure les pages panier et checkout du cache (comportement par défaut avec l’add-on WooCommerce de WP Rocket).
Combiné avec JetWooBuilder et JetSmartFilters
Pour les boutiques e-commerce avancées, j’associe systématiquement Elementor Pro WooCommerce Builder avec JetWooBuilder (Crocoblock) pour les swatches de variantes et les fonctionnalités de comparaison, et JetSmartFilters pour les filtres AJAX avancés (par prix, attribut, catégorie, disponibilité) sur la page boutique. Cette combinaison reproduit l’expérience d’une grande boutique e-commerce sans développement custom.
→ Retour au guide complet Elementor Pro
FAQ — WooCommerce Builder Elementor Pro
Peut-on utiliser le WooCommerce Builder d’Elementor Pro sans le plugin WooCommerce ?
Non. Le WooCommerce Builder d’Elementor Pro est une extension de WooCommerce — il ne fonctionne que si WooCommerce est installé et activé. Elementor Pro détecte automatiquement WooCommerce et active les templates et widgets WooCommerce correspondants. Sans WooCommerce, ces fonctionnalités n’apparaissent pas dans l’interface Elementor.
Le WooCommerce Builder est-il compatible avec WooCommerce Subscriptions ?
Oui. WooCommerce Subscriptions est compatible avec Elementor Pro. Les pages de compte, de gestion des abonnements, et de paiement récurrent peuvent être designées avec Elementor Pro. Certains widgets spécifiques aux abonnements nécessitent parfois des ajustements CSS custom pour s’intégrer parfaitement au design.
Peut-on créer des landing pages liées à un produit WooCommerce spécifique ?
Oui. Dans le Theme Builder, créez un template de type « Single » avec la condition « WooCommerce → Produit » et affinez par ID de produit spécifique. Les Dynamic Tags WooCommerce donnent accès au titre, prix, bouton d’ajout au panier, galerie, et description de ce produit précis. C’est idéal pour les landing pages de produits phares avec des sections marketing dédiées.
Comment optimiser la performance de la page produit WooCommerce avec Elementor Pro ?
Activez le chargement conditionnel des assets WooCommerce dans Elementor → Paramètres → Avancé, optimisez les images produits avec Imagify (WebP et compression agressive), désactivez les widgets WooCommerce inutilisés dans Elementor → Éléments, et configurez WP Rocket pour exclure les pages panier et checkout du cache afin d’éviter les problèmes de session WooCommerce.
Peut-on créer une page boutique avec filtres avancés avec Elementor Pro seul ?
Elementor Pro seul permet de lister les produits et d’afficher les filtres WooCommerce natifs (catégorie, prix, attribut). Pour des filtres AJAX avancés (résultats mis à jour sans rechargement, range slider de prix, filtres multi-attributs combinés), il faut ajouter JetSmartFilters de Crocoblock — la combinaison que j’utilise sur tous mes projets e-commerce avec des besoins de filtrage avancé.