La Page panier et la Page de paiement sont les pages où les clients vérifient leurs produits et passent commande. Chaque page a une section obligatoire : Panier et Commander. Vous les stylisez dans le constructeur, mais leur contenu vient du panier du client.
Quand les clients voient ces pages
- Ces pages sont utilisées quand votre méthode de paiement est Ajouter au panier, ou quand c'est votre méthode secondaire. Avec Paiement rapide, les clients commandent depuis le formulaire de la page produit. Voir Réglages de la commande.
- La page panier s'ouvre quand le panier de l'en-tête est réglé sur Page. Avec Tiroir ou Liste déroulante, un mini-panier s'ouvre à la place. Voir Section En-tête.
- Le bouton Passer à la caisse de la page panier, du tiroir ou de la liste déroulante ouvre la page de commande.
La section Panier
Ouvrez le constructeur et choisissez Page panier. L'aperçu montre deux produits d'exemple. La section liste chaque produit avec son image, son nom, ses variantes, les boutons de quantité, le prix de la ligne et un bouton pour le retirer, puis le sous-total avec Continuer vos achats et Passer à la caisse. Les boutons de quantité respectent la quantité minimale et maximale du produit.
- Ratio de l'image : Automatique, Portrait, Carré ou Paysage. Avec un ratio fixe, Ajustement de l'image est Couvrir ou Contenir.
- Taille de l'image : Petit, Moyen ou Grand.
- Densité : espace Compact, Confortable ou Spacieux dans chaque ligne.
- Barre de livraison gratuite : indique combien il reste à ajouter pour la livraison gratuite, au-dessus du sous-total. Voir Comment fonctionne la barre de livraison gratuite ?
- Largeur de la section, Schéma de couleurs, Espacement, marge intérieure et CSS personnalisé.
Quand le panier est vide, les clients voient « Votre panier est vide » et un bouton pour revenir à votre boutique.
La section Commander
Choisissez Page de paiement dans le constructeur. La section affiche le formulaire de commande d'un côté et le récapitulatif de la commande de l'autre. Le formulaire contient les champs du client, les choix de livraison et de paiement, et le bouton Passer la commande. Le récapitulatif liste les produits, le sous-total, la livraison, le total, et une ligne TVA ou remise quand elles s'appliquent.
Ses réglages sont Largeur de la section, Schéma de couleurs, marge intérieure et CSS personnalisé. Aucune des deux sections n'accepte de blocs supplémentaires, mais vous pouvez ajouter d'autres sections au-dessus ou en dessous, comme une section Texte avec une promesse de livraison.
Modifier les champs de la commande
Les champs affichés, ceux qui sont obligatoires et leurs libellés se règlent pour tout le marché dans Réglages, pas dans cette section. Voir Champs du formulaire de commande. Les couleurs et le style des champs viennent de votre schéma de couleurs et des réglages des champs de saisie.
Bon à savoir
- Après la commande, les clients arrivent sur la page de remerciement. Voir Comment personnaliser la page de remerciement (confirmation de commande) après une commande ?
- Les choix de livraison et de paiement viennent de vos modes de livraison et de vos applications de paiement, voir Comment configurer les modes de livraison et les tarifs par marché ?
- Chaque marché a ses propres pages panier et commande : stylisez-les donc dans chaque marché.