Personnaliser le panier et la page de commande WooCommerce
Remplacer le bloc ou le shortcode WooCommerce par les widgets Cart et Checkout d’Elementor Pro, puis tester une vraie commande.
Les menus sont cités tels qu’ils apparaissent dans Elementor en français. Selon votre version et vos réglages de langue, certains libellés restent en anglais (Single Post, Loop Item…).
Le panier et la page de commande sont les dernières étapes avant la vente. Elementor Pro propose des widgets dédiés, Cart et Checkout, pour les mettre aux couleurs de votre boutique sans code.
Prérequis : une formule Elementor Pro qui inclut le WooCommerce Builder (Advanced Solo, Advanced ou supérieure).
Ce que contiennent ces pages au départ
WooCommerce crée automatiquement les pages Panier et Validation de la commande. Leur contenu dépend de l’âge de votre boutique :
- boutique créée depuis WooCommerce 8.3 (novembre 2023) : la page contient les blocs Panier et Commande de WooCommerce ;
- boutique plus ancienne : la page contient un shortcode,
[woocommerce_cart]ou[woocommerce_checkout].
Remplacer le panier
- Ouvrez la page Panier avec Elementor.
- Supprimez le contenu existant (le bloc ou le shortcode).
- Glissez le widget Cart à la place.
- Réglez la mise en page, les couleurs, la typographie et les textes dans ses onglets.
- Mettez à jour la page.
Remplacer la page de commande
Même principe sur la page de validation de la commande : supprimez le contenu existant et ajoutez le widget Checkout. Vous pouvez modifier les couleurs, les espacements, les textes des sections et des formulaires, ou styliser une partie précise (le champ de code promo, par exemple).
Autres widgets utiles de la même famille : Menu Cart (le panier dans l’en-tête), My Account (espace client) et Purchase Summary (page de confirmation).
Testez une vraie commande
Avant de considérer le travail terminé, passez une commande complète : ajout au panier, modification de quantité, code promo, livraison, paiement (en mode test si votre moyen de paiement le permet) et e-mail de confirmation. C’est la seule façon d’être sûr que rien ne bloque la vente, notamment avec les extensions de paiement ou de livraison.
Lien affilié : si vous achetez Elementor Pro via un lien de cette page, Expertor perçoit une commission, sans surcoût pour vous.
