Exemples de boutiques Shopify

Exemples de tiroirs de panier : 15 récapitulatifs de commande Shopify

Un tiroir de panier confirme ce qui a été ajouté et offre à l'acheteur un chemin vers le paiement. Ces exemples Shopify utilisent également cet espace pour les détails de livraison, les messages cadeaux et les produits supplémentaires. Comparez comment chacun maintient la lisibilité de la commande à mesure que ces tâches s'accumulent.

15 exemples Dernière révision

GSI Outdoors

Chargement de la capture d'écran complète…

GSI Outdoors

Chargement de la capture d'écran complète…

GSI Outdoors

Confirmation du produit au-dessus des extras

GSI Outdoors place la miniature de l'article, le titre, le prix et les contrôles de quantité dans un tiroir latéral droit. Un message de progression de la livraison se trouve au-dessus de l'article, avec une ligne de recommandations compacte en dessous. Le total estimé et le bouton de paiement terminent le récapitulatif de la commande. La page assombrie laisse un peu de contexte de navigation visible pendant que le client vérifie ce qu'il a ajouté.

Pour votre boutique

Gardez l'article ajouté et ses détails modifiables faciles à trouver.

Visiter le site web

Heart Coffee Roasters

Chargement de la capture d'écran complète…

Heart Coffee Roasters

Une note pour les demandes d'infusion ou de mouture

Le tiroir de Heart s'ouvre après l'ajout d'un article, sans rechargement de la page. Il associe la progression de la livraison à une zone de note de commande pour les demandes d'infusion ou de mouture. Ce champ a une utilité spécifique pour la préparation du café. Une boutique qui l'adopte doit être claire sur les demandes que son équipe peut traiter.

Pour votre boutique

Utilisez les notes de commande pour les instructions que l'équipe de préparation peut exécuter.

Visiter le site web

Smith Teamaker

Chargement de la capture d'écran complète…

Smith Teamaker

Configurer un extra à l'intérieur du panier

Smith Teamaker inclut des sélecteurs de variantes, des choix d'abonnement et des boutons d'ajout dans les recommandations de son panier. Un client peut configurer le thé suggéré sans ouvrir une autre page. Ces contrôles nécessitent de l'espace dans un tiroir étroit, particulièrement lorsque l'extra est un achat récurrent. Les articles déjà commandés doivent rester distincts des recommandations.

Pour votre boutique

Gardez les options de recommandation lisibles et séparées de la commande en cours.

Visiter le site web

Athletic Brewing

Chargement de la capture d'écran complète…

Athletic Brewing

Un message cadeau extensible

Athletic Brewing combine les contrôles des articles avec un champ de message cadeau, des informations d'adhésion et un carrousel de recommandations. Le champ cadeau se déploie lorsque nécessaire, laissant plus d'espace pour les commandes ordinaires. Son étiquette permet de découvrir la tâche même lorsque le champ est fermé. Le bouton de paiement doit rester facile à trouver sous le contenu ajouté.

Pour votre boutique

Laissez les tâches occasionnelles se déployer à partir d'étiquettes claires.

Visiter le site web

Horizn Studios

Chargement de la capture d'écran complète…

Horizn Studios

Accessoires de voyage à côté de la commande de bagages

Après l'ajout d'une valise, Horizn Studios recommande de petits accessoires de voyage dans le tiroir. Chacun possède un bouton d'ajout, permettant au client de compléter sa commande depuis le même panneau. Le lien avec le bagage est facile à identifier. Une sélection courte laisse également de la place pour vérifier le nouveau total.

Pour votre boutique

Recommandez des extras dont le lien avec l'achat principal est évident.

Visiter le site web

Jonathan Adler

Chargement de la capture d'écran complète…

Jonathan Adler

Le total apparaît dans le bouton de paiement

Le tiroir de Jonathan Adler se concentre sur l'article sélectionné et inclut le total de la commande dans le bouton de paiement. La version capturée ne comporte ni barre de progression de livraison ni ligne de recommandations. Il s'agit d'une confirmation compacte de l'achat. Si le même total est répété ailleurs, les changements de quantité doivent mettre à jour les deux montants simultanément.

Pour votre boutique

Un panier peut remplir son rôle avec un récapitulatif clair des articles et du total.

Visiter le site web

Slowdown Studio

Chargement de la capture d'écran complète…

Slowdown Studio

Détails de la commande et recommandations dans des panneaux séparés

Slowdown Studio place des sections Note et Livraison extensibles sous l'article modifiable. Les plaids recommandés occupent un panneau voisin avec leurs propres boutons d'ajout. Cela sépare les détails pratiques de la commande des autres achats tout en gardant les deux à proximité. Sur un écran étroit, un champ étendu doit toujours laisser un accès clair au total et au paiement.

Pour votre boutique

Regroupez les notes de commande et la livraison sous des étiquettes explicites.

Visiter le site web

House of Spoils

Chargement de la capture d'écran complète…

House of Spoils

Économies liées à l'adhésion dans le récapitulatif de la commande

House of Spoils met en évidence les économies liées à l'adhésion directement dans le récapitulatif du panier. Le tiroir capturé ne comporte ni ventes croisées ni barre de progression de livraison. Le message explique un avantage tarifaire pertinent pour la commande en cours ; les conditions d'adhésion doivent donc être compréhensibles dans ce contexte. Un simple badge obligerait le client à deviner comment fonctionne l'économie.

Pour votre boutique

Expliquez comment l'adhésion affecte le prix affiché.

Visiter le site web

DedCool

Chargement de la capture d'écran complète…

DedCool

Cadeaux gratuits affichés comme des articles distincts

DedCool affiche un parfum cadeau automatique comme un article gratuit sous une barre de récompenses à plusieurs paliers. Un sélecteur d'échantillons et une offre de vaporisateur de voyage apparaissent également sous le parfum acheté. Le panneau contient plusieurs tâches promotionnelles, ce qui rend la distinction entre les produits payants, les cadeaux inclus et les ajouts optionnels particulièrement importante. Chacun doit avoir un statut clair près du total de la commande.

Pour votre boutique

Étiquetez séparément les cadeaux inclus et les extras optionnels.

Visiter le site web

Allies of Skin

Chargement de la capture d'écran complète…

Allies of Skin

Éligibilité aux cadeaux et choix d'échantillons regroupés

Allies of Skin place la sélection de cadeaux dans une section extensible du panier, avec de petits contrôles d'ajout pour les échantillons disponibles. Les seuils de livraison et de cadeaux sont visibles à proximité. Le client peut vérifier son éligibilité puis choisir un cadeau dans le même tiroir. Le cadeau sélectionné doit être facile à distinguer d'un choix qui n'a pas encore été fait.

Pour votre boutique

Montrez à quoi le client a droit et si le cadeau a bien été sélectionné.

Visiter le site web

Dinosaur Designs

Chargement de la capture d'écran complète…

Dinosaur Designs

Estimations de livraison avant le paiement

Dinosaur Designs inclut des sections extensibles pour l'estimation de la livraison et les codes de réduction dans son tiroir. Le panier capturé nécessite également de cocher une case d'acceptation des conditions avant le paiement. Ces contrôles permettent aux clients d'examiner la commande depuis la vitrine, bien que la case à cocher introduise une autre action obligatoire. Une entreprise envisageant cette mise en page devrait déterminer pourquoi cette exigence est nécessaire.

Pour votre boutique

Répondez tôt aux questions sur la livraison et donnez un objectif clair aux étapes obligatoires supplémentaires.

Visiter le site web

Olli Ella

Chargement de la capture d'écran complète…

Olli Ella

Espace mobile réservé à la commande

Le panier sur ordinateur d'Olli Ella dispose d'un panneau de recommandations voisin. Sur mobile, le tiroir se concentre sur la commande et place la saisie de réduction au-dessus du sous-total. Les deux versions répartissent leur espace différemment : l'écran étroit garde les contrôles pratiques de la commande regroupés tout en réduisant l'espace accordé aux achats supplémentaires.

Pour votre boutique

Donnez la priorité à la modification des articles, aux réductions et aux totaux dans un panier mobile.

Visiter le site web

Appointed

Chargement de la capture d'écran complète…

Appointed

Confirmer le format de papeterie sélectionné

Appointed affiche les attributs de la variante de l'article choisi à côté de son prix et de ses contrôles de quantité. Un message de progression de la livraison apparaît en haut, suivi du sous-total et du paiement. Le format ou la mise en page peuvent déterminer l'article de papeterie qu'un client souhaite, ces attributs méritent donc un texte lisible dans la confirmation.

Pour votre boutique

Rendez le format ou la mise en page choisis faciles à vérifier dans le panier.

Visiter le site web

Experiment

Chargement de la capture d'écran complète…

Experiment

Un cadeau promotionnel devient une ligne de commande

Experiment ajoute un cadeau éligible en tant qu'article distinct à prix zéro et place une offre de lot sous la commande. Lister le cadeau confirme qu'il est inclus. Les conditions de l'offre restent importantes, en particulier lorsqu'un client supprime le produit qui y donnait droit. Ce changement doit laisser le contenu et le total du panier compréhensibles.

Pour votre boutique

Confirmez les promotions incluses dans la liste des articles et expliquez leurs conditions.

Visiter le site web

Tower 28

Chargement de la capture d'écran complète…

Tower 28

Choisir un échantillon sous l'article acheté

Tower 28 place un carrousel d'échantillons sous l'article acheté, avec un bouton d'ajout sur chaque option. Le message de progression de la livraison reste séparé. La tâche a un point de départ clair : choisir l'un des échantillons affichés. Un état sélectionné et un moyen facile de modifier le choix compléteraient cette interaction.

Pour votre boutique

Indiquez clairement quand la sélection d'échantillons est terminée.

Visiter le site web

Concevoir un tiroir de panier Shopify pour les commandes complexes

Commencez par le produit sélectionné, la variante, la quantité et le total. Appointed rend le format de papeterie visible à côté de l’article ; ce détail compte lorsque des produits à l’aspect similaire ont des mises en page différentes. GSI Outdoors accorde à la progression de la livraison et à une recommandation leurs propres espaces autour de la commande. Aucune de ces tâches ne devrait obliger les clients à chercher l’article qu’ils viennent d’ajouter.

Les cadeaux et les abonnements nécessitent plus d’explications. DedCool distingue un cadeau gratuit d’un parfum payant, tandis que Smith Teamaker place les choix d’abonnement dans les recommandations. Indiquez clairement ce qui est déjà inclus, ce qui doit encore être choisi et ce qui générera des frais récurrents. Après tout changement, vérifiez ensemble la liste des articles et le total.

Tiroir de panier ou page de panier ?

L’espace dont une commande a besoin est un meilleur point de départ que le nombre d’options qu’un panneau peut contenir. Le tiroir capturé de Jonathan Adler est une confirmation compacte avec le total dans l’action de paiement. Slowdown Studio propose des notes, des informations de livraison et un volet de recommandation adjacent. Ces tâches prennent plus de place, surtout sur un téléphone.

Testez la commande réaliste la plus longue avant de choisir une mise en page. Modifiez les quantités, supprimez le dernier article et ouvrez chaque champ optionnel. Si des détails importants manquent d’espace, offrez aux clients une page de panier complète pour les vérifier. Vérifiez également la navigation au clavier, la fermeture et la réouverture : la commande doit rester compréhensible lorsque l’acheteur revient de sa navigation.

Questions fréquentes

Quand un tiroir de panier est-il adapté à la commande ?

Un tiroir maintient les acheteurs à côté du produit qu'ils consultaient. Une page de panier complète offre plus d'espace pour les commandes complexes. Dans les deux configurations, les clients doivent pouvoir modifier les articles, vérifier le total et trouver facilement le bouton de paiement.

Que doit contenir un tiroir de panier Shopify ?

Commencez par le produit et la variante, la quantité et les boutons de suppression, les totaux et le paiement. Ajoutez les détails de livraison ou les produits supplémentaires là où ils peuvent être lus sans encombrer ces éléments essentiels.

Un panier a-t-il besoin d'une barre de progression de livraison gratuite ?

Uniquement si le seuil est précis pour le client et que ses conditions sont claires. Une courte mention sur la livraison peut suffire, en particulier lorsque l'éligibilité varie selon l'article ou la destination.

Comment les cadeaux et les échantillons doivent-ils apparaître dans un tiroir de panier ?

Séparez les cadeaux inclus des articles payants et des échantillons qui nécessitent encore un choix. DedCool et Experiment affichent les cadeaux éligibles comme des articles à prix zéro ; Allies of Skin et Tower 28 montrent des options sélectionnables. Revérifiez l'éligibilité lorsque l'achat éligible change.

Un tiroir de panier peut-il afficher des recommandations d'abonnement ?

Oui, comme le montre la capture de Smith Teamaker, mais rendez le choix d'achat récurrent et ses conditions clairs avant que le client ne l'ajoute. Gardez les recommandations visuellement séparées des articles déjà présents dans la commande.

Faites le changement dans votre thème

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

Collections associées

Toutes les collections