Le panier permet aux clients de vérifier et de modifier ce qu'ils s'apprêtent à acheter. Ces exemples incluent des pages complètes et des tiroirs, avec plus ou moins d'espace pour les configurations, les informations de livraison et les extras optionnels. La commande elle-même doit rester claire dans les deux formats.
TRNK ouvre un panier dédié après un ajout. L'article inclut les détails de configuration et de traitement, les contrôles de quantité et les instructions pour le vendeur. La page capturée n'a pas de rangée de recommandations, laissant la place pour revoir la commande de meubles avant le checkout.
Pour votre boutique
Utilisez une page complète lorsque la commande contient des détails qui méritent une vérification attentive.
CW&T divise son panier sur ordinateur en lignes d'articles, frais et total dû. Les noms des variantes, la quantité et la suppression restent avec le produit ; le contexte de checkout et d'expédition se trouve avec le total. Le texte à espacement fixe prolonge le style de la boutique sur ce résumé pratique.
Pour votre boutique
Séparez la modification des articles du résumé financier final.
FINEX propose à la fois un tiroir et un panier dédié. Le tiroir confirme la taille, les options de cadeau et le total, tandis que la page offre un tableau d'articles plus grand et des choix de checkout express. Passer de l'un à l'autre doit conserver les mêmes sélections et montants.
Pour votre boutique
Gardez les sélections et les totaux identiques entre le tiroir du panier et la page complète.
GSI Outdoors ouvre un panneau latéral droit avec une miniature, un titre, un prix, des contrôles de quantité et un total estimé. La progression de la livraison se trouve au-dessus de l'article et une petite rangée de recommandations en dessous. La page grisée en arrière-plan préserve le contexte de navigation pendant la vérification de la commande.
Pour votre boutique
Commencez par un résumé de commande complet et lisible.
Heart Coffee Roasters inclut un champ pour ajouter une note à la commande à côté du résumé et de la progression de l'expédition. Le tiroir s'ouvre une fois le produit ajouté. Un tel champ n'est utile que si l'équipe de préparation peut agir sur les demandes qu'il suscite, comme des instructions de préparation pertinentes.
Pour votre boutique
Ne demandez des informations de commande supplémentaires que si quelqu'un va les utiliser.
Athletic Brewing place une option de message cadeau à côté des contrôles de l'article, des informations d'adhésion et des recommandations. Le champ s'ouvre en cas de besoin. Le contenu optionnel doit tout de même laisser le total et le checkout faciles d'accès, surtout sur un petit écran.
Pour votre boutique
Rendez les tâches secondaires disponibles sans transformer chaque commande en un long formulaire.
Le tiroir capturé de Jonathan Adler inclut le total actuel de la commande dans son bouton de checkout. Il ne comporte pas de rangée de recommandations ni d'affichage de la progression de l'expédition dans cet état. Toute modification d'article doit mettre à jour ce total répété pour que l'action continue d'afficher le bon montant.
Pour votre boutique
Placez le total actuel à côté de l'action de checkout et mettez-le à jour après chaque modification.
Slowdown Studio regroupe les notes et l'expédition dans des sections extensibles sous l'article modifiable. Les plaids recommandés occupent un panneau voisin avec leurs propres boutons d'ajout. La commande et les suggestions restent séparées, avec les détails pratiques à proximité du checkout.
Pour votre boutique
Regroupez les tâches de panier secondaires sous des étiquettes explicites.
House of Spoils affiche les informations sur les économies liées à l'adhésion dans un simple résumé de commande. L'état capturé n'a ni ventes croisées ni progression de l'expédition. Le message doit préciser les conditions de cette économie afin qu'un nouveau client puisse comprendre le prix affiché.
Pour votre boutique
Clarifiez les conditions d'une économie affichée.
DedCool affiche un parfum offert automatiquement comme un article gratuit, avec une barre de récompenses à paliers au-dessus. Une sélection d'échantillons et une offre de vaporisateur de voyage ajoutent d'autres choix en dessous. Un regroupement clair est nécessaire pour distinguer les articles payants, les cadeaux inclus et les ajouts optionnels dans ce panneau chargé.
Pour votre boutique
Séparez les cadeaux inclus des ajouts optionnels, et expliquez les paliers de récompense à côté de la commande.
Dinosaur Designs inclut des sections pour l'estimation des frais de port et les codes de réduction dans son tiroir. Les clients peuvent les consulter avant de passer au checkout. Le panier capturé nécessite également l'acceptation des conditions, une étape séparée qui doit avoir un but précis si elle est adoptée ailleurs.
Pour votre boutique
Rendez les frais de livraison et les réductions faciles à consulter avant le checkout.
Olli Ella dispose d'un panneau de recommandations voisin sur ordinateur. Son tiroir mobile se concentre sur la commande, en gardant l'entrée de réduction au-dessus du sous-total. La quantité de contenu secondaire s'adapte à l'espace disponible pour que les contrôles de vérification essentiels restent accessibles.
Pour votre boutique
Gardez les détails de la commande et le checkout facilement accessibles sur les petits écrans.
Appointed affiche les attributs des variantes avec le prix et les contrôles de quantité. Le format ou la mise en page peuvent être la raison pour laquelle un client a choisi le carnet, ces détails doivent donc rester lisibles. La progression de l'expédition mène au sous-total et à l'action de checkout.
Pour votre boutique
Répétez l'option spécifique qui est importante pour l'achat.
Experiment liste un cadeau éligible comme un article séparé à prix zéro. Une suggestion de pack en dessous a un rôle différent : elle reste optionnelle. Si une modification annule l'éligibilité au cadeau, le cadeau affiché et le total doivent être mis à jour sans laisser un article inexpliqué.
Pour votre boutique
Distinguez ce qui est inclus de ce qui est simplement proposé.
Tower 28 place un carrousel d'échantillons sous l'article acheté, avec une action d'ajout pour chaque choix. La progression de l'expédition est séparée. Le panier doit également identifier l'échantillon choisi et le rendre facile à modifier, en gardant la sélection optionnelle distincte des marchandises payantes.
Pour votre boutique
Rendez les sélections optionnelles claires, limitées et faciles à modifier.
Choisissez l’espace dont vos commandes ont besoin. Un tiroir peut confirmer un ajout simple tout en laissant la page produit visible. Une pleine page offre plus de place pour des articles configurés, plusieurs produits ou des explications de livraison plus longues. FINEX propose les deux ; TRNK offre une page de commande complète pour ses meubles configurés. Comparez la complexité de ces achats aux vôtres.
Assurez-vous que l’article sélectionné, ses options et la quantité restent faciles à lire, quelle que soit la mise en page. Placez les messages cadeaux ou les notes de commande à proximité de l’article concerné ou des détails de la commande. Les exemples de tiroirs de panier montrent plus en détail des mises en page compactes, y compris comment leur contenu évolue après un ajout.
Le panier est l’endroit idéal pour vérifier et modifier une commande avant le checkout. Assurez-vous que l’action de passer à la caisse est clairement liée au total, et expliquez les frais qui seront calculés plus tard. Jonathan Adler inclut le total dans son bouton de checkout ; Dinosaur Designs propose des informations sur les coûts qui peuvent être développées. Les deux répondent aux questions qu’un acheteur peut se poser avant de poursuivre.
Testez un panier vide, un seul article, plusieurs articles et un article indisponible. Modifiez les quantités et supprimez un produit. Un cadeau doit pouvoir être distingué d’un ajout payant, et un tarif membre doit en expliquer les conditions. DedCool et Experiment affichent les cadeaux comme des articles distincts. Ne laissez pas les recommandations masquer la commande que le client a déjà choisie.
Choisissez l'espace que nécessite la commande. Un tiroir peut confirmer un ajout simple tout en gardant la page de navigation visible. Une pleine page offre plus de place aux configurations complexes et aux commandes plus longues. Certaines boutiques proposent les deux.
Les produits, les options sélectionnées, les quantités, les prix, le total et l'action pour passer au checkout. Expliquez les frais restants ou les conditions récurrentes, et facilitez les modifications et les suppressions.
Uniquement lorsque les suggestions sont pertinentes et n'empêchent pas de revoir facilement la commande. Distinguez-les des articles déjà inclus et mettez clairement à jour le total après un ajout.
Le panier permet aux clients de vérifier les produits, les options sélectionnées et les quantités avant de continuer. Le checkout recueille les informations nécessaires pour passer la commande, telles que les détails de livraison et de paiement. Un tiroir est une autre façon de présenter le panier ; il ne remplace pas le checkout.
Listez-les séparément des articles payants et indiquez clairement leur prix. Si un cadeau dépend d'une condition de commande, expliquez cette condition et mettez à jour le panier lorsque le client n'y a plus droit. Les clients doivent pouvoir savoir ce qui va réellement leur être livré.
Donnez à Fudge un objectif et une référence. Il suggère des modifications pour votre boutique, prépare un brouillon dans votre thème Shopify et vous fait un retour. Vous examinez chaque changement avant sa mise en ligne.
Découvrez comment fonctionne l'éditeur de boutique