Articles sur : Widgets

Modules de la page produit

Pour accéder à cette page, allez dans Supr Bundles & Subscriptions > Design et faites défiler jusqu'à la carte Paramètres des modules en bas de la page.


Les modules du widget sont les extras autour de votre widget d'abonnement : un badge à côté du prix du produit, le texte du bouton d'ajout au panier, le sélecteur de date de livraison et quelques règles d'affichage. Chacun correspond à une ligne de la carte Paramètres des modules. Activez ou désactivez une ligne avec son interrupteur, et cliquez sur la ligne pour ouvrir ses paramètres.


Les modules modifient la page produit autour du widget. Il ne s'agit pas des produits complémentaires que vous pouvez associer à une option de lot, qui se définissent dans l'offre.


Table des matières



Badge d'abonnement


Affiche un petit badge à côté du prix du produit dès qu'une option d'abonnement est sélectionnée. Ce badge met la réduction en avant pour que les acheteurs voient immédiatement l'intérêt de s'abonner.


  • Libellé du badge

Définissez le texte affiché dans le badge. Utilisez {{ subscription_discount }} pour insérer la réduction, par exemple SUBSCRIPTION • {{ subscription_discount }}. Si votre libellé de badge ne contient aucune variable, le badge n'affiche que le texte saisi, sans réduction.


  • Texte de réduction en pourcentage

Personnalisez l'affichage des réductions en pourcentage avec {{ subscription_discount_percentage }}.


  • Texte de réduction en montant

Personnalisez les réductions d'un montant fixe avec {{ subscription_amount_off_discount }}.


  • Texte de réduction à prix fixe

Affichez un prix d'abonnement fixe avec {{ subscription_fixed_price_discount }}.


  • Animation

Choisissez Aucun, Pop ou Chute pour attirer l'attention quand le badge apparaît.


Le libellé du badge contient la formulation, et les trois textes de réduction déterminent la façon dont la réduction elle-même est écrite. Celui qui correspond au type de réduction de votre option d'abonnement est inséré là où vous avez placé {{ subscription_discount }}. Pour supprimer le badge, désactivez la ligne.


Détails du prix de l'abonnement


Affiche le prix par livraison et le prix unitaire sous le prix principal du produit. Cela aide les clients à comprendre le coût d'un abonnement prépayé ou de produits vendus au poids ou au volume.


  • Texte du prix par livraison (prépayé)

Indiquez le coût de chaque livraison d'une option d'abonnement prépayé avec {{ per_delivery_price }}, par exemple {{ per_delivery_price }} / delivery.


  • Prix unitaire

Affichez le prix unitaire avec {{ unit_price }} et {{ unit_price_measurement }}. Il utilise le prix unitaire défini sur le produit dans Shopify.


  • Prix par semaine ou par mois

Choisissez Par semaine ou Par mois pour ajouter une ligne comme $7.82 / week, calculée à partir du prix de chaque livraison et de sa fréquence. Cela aide les clients à comparer des options de fréquences différentes, et suit l'option de lot qu'ils choisissent. Formulez-la avec {{ per_week_price }} ou {{ per_month_price }}. Un mois compte 30,44 jours. Cochez Arrondir aux montants entiers pour afficher $8 / week plutôt que $7.82 / week ; le prix facturé ne change pas.


  • Prix des commandes suivantes

Quand les commandes suivantes coûtent un montant différent de la première, par exemple après une recharge ou un changement de réduction de fidélité, une ligne comme Then $5.00 from order 2 est ajoutée. Formulez-la avec {{ renewal_price }} et {{ order_number }}. Le prix est unitaire, comme pour les lignes ci-dessus, et c'est le même prix ultérieur que Shopify affiche au paiement.


Ces lignes n'apparaissent que lorsqu'une option d'abonnement est sélectionnée. Le prix par article affiché dans le widget lui-même (« 3,50 $ l'unité ») est autre chose : il s'active et se désactive dans Éléments > Prix unitaire et se formule dans Libellés, consultez Le widget d'abonnement.


Texte du bouton d'ajout au panier


Modifie le libellé du bouton d'ajout au panier pendant qu'un abonnement est sélectionné, pour que les clients sachent qu'ils démarrent une commande récurrente. Il est activé par défaut et indique Ajouter l'abonnement au panier.


  • Texte du bouton d'ajout de l'abonnement au panier

Saisissez la formulation de votre choix, par exemple « S'abonner maintenant », pour remplacer le texte du bouton de votre thème dès qu'une option d'abonnement est sélectionnée. Si la formulation est trop longue pour l'endroit où votre thème place le bouton (à côté de la quantité, par exemple), le bouton conserve le texte de votre thème sur cette taille d'écran plutôt que de passer à la ligne.


Vous pouvez aussi afficher l'économie sur le bouton, avec l'une de ces variables :


  • {{ subscription_savings_amount }} l'argent économisé grâce à l'abonnement
  • {{ subscription_discount_value }} la réduction elle-même, en pourcentage ou en montant
  • {{ subscription_full_amount }} le prix avant la réduction d'abonnement
  • {{ subscription_discounted_amount }} le prix après la réduction


Par exemple, Subscribe and save {{ subscription_savings_amount }} s'affiche sous la forme « Subscribe and save £5.00 ». Les montants suivent ce que le client a sélectionné : ils se mettent donc à jour quand il change la quantité, la variante ou la fréquence de livraison.


Pour garder en permanence le texte du bouton de votre thème, désactivez ce module. Le bouton affiche alors ce que votre thème affiche, qu'un abonnement soit sélectionné ou non.


Texte de limite d'abonnement atteinte


La formulation affichée quand un acheteur choisit une option d'abonnement qui a atteint une limite que vous avez définie. Les limites se définissent sur l'option elle-même, dans l'offre, sous Limiter les abonnements actifs (Max. par option, Max. par produit et Max. par client).


  • Texte du bouton d'ajout au panier

Remplace le texte du bouton d'ajout au panier quand un abonnement limité est sélectionné. La valeur par défaut est « Limite d'abonnements atteinte ».


  • Message de validation au paiement

L'erreur affichée au paiement si le client a toujours le produit limité dans son panier.


  • Client ayant déjà atteint sa limite (paiement)

L'erreur affichée au paiement quand un client connecté a déjà autant d'abonnements sur une option que son Max. par client le permet. Traduisez-la dans Paramètres > Traductions sous Widgets.


Ordre des offres


Définit l'ordre d'affichage des abonnements de différentes offres, quand un produit fait partie de plusieurs offres.


Les options d'abonnement de chaque offre forment un groupe sur la page produit, avec pour titre le Nom de l'abonnement de l'offre. Cliquez sur la ligne, déplacez les groupes vers le haut ou vers le bas avec les flèches, puis cliquez sur Enregistrer. Le groupe du haut s'affiche en premier. Le même ordre est utilisé partout où Shopify les liste, y compris au paiement.


Pour changer l'ordre des options au sein d'une offre, faites plutôt glisser leurs lignes dans l'offre. Consultez L'ordre d'affichage des éléments.


Bonus de fidélité


Affiche les récompenses d'un programme de fidélité sur le widget, pour que les acheteurs voient ce qu'ils gagnent en s'abonnant. Il est désactivé par défaut.


Activez-le avec son interrupteur et cliquez sur la ligne pour définir sa formulation et son apparence. Les récompenses elles-mêmes proviennent du programme de fidélité associé à l'option d'abonnement. Consultez Programmes de fidélité.


Masquer si option unique


Masque le widget d'abonnement dès qu'un acheteur n'a qu'une seule façon d'acheter, puisqu'il n'a alors plus rien à choisir.


Cela concerne un produit avec une seule option d'abonnement et sans ligne d'achat unique. Sur une offre avec des options de lot, c'est aussi évalué selon l'option de lot sélectionnée par l'acheteur : tant qu'elle ne laisse qu'une façon d'acheter, parce qu'elle est en Achat unique uniquement, ou en Abonnement uniquement avec une seule fréquence de livraison, le widget s'efface et cette façon d'acheter est utilisée. Si l'acheteur choisit une option de lot qui offre plus de choix, le widget revient.


Il est désactivé par défaut. Activez-le pour laisser vos options de lot porter tout le choix, consultez Un seul choix au lieu de deux. C'est aussi la façon de masquer le widget sur un produit disponible uniquement sur abonnement avec une seule fréquence de livraison.


Mettre à jour les prix de la page produit


Garde le prix produit de votre thème en phase avec le choix de l'acheteur. Quand il choisit une option d'abonnement ou une offre de lot, le grand prix en haut de votre page produit passe à ce qu'il paiera réellement, avec le prix d'origine barré à côté dès que ce choix lui fait économiser de l'argent.


C'est activé par défaut. Désactivez-le pour laisser le prix de votre thème intact : votre widget d'abonnement et vos options de lot affichent toujours leurs propres prix, seul le prix du thème cesse de changer.


Lorsque votre thème sait déjà afficher une promotion, l'application met votre thème dans cet état et remplit le prix et le prix barré propres à votre thème : une réduction d'abonnement ou de lot ressemble ainsi exactement à une démarque que vous auriez définie vous-même, avec vos polices et vos couleurs. Lorsqu'un thème n'a pas de style de promotion propre, le prix barré est construit à partir du prix de votre thème pour toujours correspondre à votre typographie et à vos couleurs, avec un simple trait.


C'est vérifié directement sur Horizon, Dawn et les thèmes basés sur Dawn (Refresh, Craft, Sense, Ride, Taste, Studio, Crave, Colorblock, Publisher, Origin, Spotlight, Trade, Concept), les thèmes Shopify plus récents Ritual et Tinker, ainsi qu'Impulse, Empire, Motion, Turbo, Focal, Pipeline et Highlight. Les autres thèmes fonctionnent généralement aussi. Si le prix de votre page produit ne change pas, indiquez à l'assistance quel thème vous utilisez et nous l'ajouterons.


Comme le prix du thème suit l'option sélectionnée, le prix qu'un acheteur voit à l'ouverture de la page est celui de l'option sélectionnée en premier. Si une option d'abonnement ou un lot est l'option par défaut, le prix réduit ou le prix du lot s'affiche en haut. Pour ouvrir la page sur le prix normal, cliquez sur Définir par défaut sur la ligne Achat unique de l'offre.


Code de devise sur les prix


Détermine si les prix de votre widget d'abonnement et de vos options de lot affichent le code de devise, par exemple 24,00 $ USD au lieu de 24,00 $.


  • Identique au thème (par défaut) : le widget et les options de lot suivent le paramètre de code de devise de votre thème, pour s'accorder avec le reste de votre boutique.
  • Afficher : toujours afficher le code de devise, quoi que fasse votre thème.
  • Masquer : ne jamais l'afficher, même si votre thème affiche les codes de devise ailleurs.


Le choix est enregistré dès que vous le sélectionnez et s'applique à tous les prix du widget d'abonnement et des options de lot, y compris les prix qui se mettent à jour quand un acheteur change de variante, d'option sélectionnée ou de quantité. Les économies comme « Économisez 5,00 $ » sont écrites sans le code dans tous les cas. Avec Identique au thème, l'aperçu de la page Design affiche les prix sans le code, car il ne peut pas lire le paramètre de votre thème ; votre boutique en ligne suit tout de même le thème.


Centimes sur les prix ronds


Détermine comment un prix sans centimes est écrit dans votre widget d'abonnement et vos options de lot.


  • Afficher (24,00 $) (par défaut) : chaque prix conserve ses centimes.
  • Masquer (24 $) : un prix sans centimes est écrit sans eux, donc 24,00 $ devient 24 $ et 1 200,00 $ devient 1 200 $. Un prix comme 24,50 $ conserve toujours ses centimes : ce que voit un acheteur correspond donc toujours exactement à ce qu'il paie.


Le choix est enregistré dès que vous le sélectionnez et s'applique à tous les prix du widget d'abonnement et des options de lot, designs personnalisés compris, ainsi qu'aux détails du prix de l'abonnement sous le prix du produit. Il s'applique aussi aux prix qui se mettent à jour quand un acheteur change de variante, d'option sélectionnée ou de quantité. Il suit le format monétaire de votre boutique : une boutique qui écrit les prix sous la forme 24,00 € obtient 24 €. Le prix produit de votre thème n'est pas modifié.


Sélecteur de date


Permet aux clients de choisir leur date de livraison dans un calendrier sous le widget. Utile pour la livraison locale ou chaque fois que vous voulez que les clients choisissent la date de leur première livraison.


Activez-le avec l'interrupteur de la ligne Sélecteur de date, puis cliquez sur la ligne pour le configurer :


  • Titre du sélecteur de date

Le titre au-dessus du champ de calendrier.


  • Libellé de la première date de livraison et Libellé de la prochaine date de livraison

Les noms des dates ajoutées au panier et au paiement pour un abonnement.


  • Libellé de la date de livraison unique

Utilisé pour les achats uniques et les achats de lots, qui n'ont pas de commande suivante.


  • Jours de livraison disponibles

Choisissez les jours de la semaine que les clients peuvent sélectionner.


  • Jours de traitement avant livraison

Ajoutez un délai entre la passation de la commande et la première date de livraison disponible.


  • Date de livraison maximale de la première commande

Limitez jusqu'à quand les clients peuvent choisir leur première livraison (en jours, semaines ou mois).


  • Dates de livraison désactivées

Bloquez des dates précises ou des périodes, comme les jours fériés.


  • Heure limite de commande

La dernière heure à laquelle les clients peuvent commander pour la première date de livraison disponible, avec son Fuseau horaire.


L'apparence du champ de date ne se règle pas ici. Une fois le sélecteur de date activé, une section Date de livraison apparaît dans Éléments sur la page Design, avec son titre, son champ et sa bordure, pour que le champ s'accorde avec le widget sous lequel il se trouve.


Compte à rebours de l'offre


Compte à rebours de l'offre indique le temps restant pour une offre, par exemple Se termine dans 2 j 4 h, sur la page produit sous le titre de l'offre. Chaque offre l'active pour elle-même : définissez une date de Fin dans Offres > Calendrier et cochez Afficher un compte à rebours sur la page produit (consultez Programmer une offre). Il se met à jour tant que la page est ouverte et disparaît à la fin de l'offre.


Cette ligne n'a pas d'interrupteur propre. Cliquez dessus pour modifier le Texte du compte à rebours, où {time} affiche le temps restant en jours, heures et minutes dans la langue de l'acheteur, et sa Couleur du texte (la couleur du titre de l'offre par défaut). Le texte se traduit avec vos autres libellés dans Paramètres > Traductions > Widgets.


Ajout au panier fixe


Ajout au panier fixe garde une barre d'ajout au panier à l'écran dès que le bouton d'ajout au panier de votre thème sort de la vue. Elle affiche le nom du produit, la variante, le prix de ce que l'acheteur a choisi (l'option d'abonnement, le prix en achat unique ou l'option de lot sélectionnée) et un bouton d'ajout au panier.


Le bouton actionne le bouton d'ajout au panier de votre thème : votre tiroir ou votre page de panier, les lots et tout le reste fonctionnent donc exactement comme depuis le bouton principal, avec la même formulation, y compris Ajouter l'abonnement au panier pendant qu'un abonnement est choisi. Activez-le avec l'interrupteur de la ligne, puis cliquez sur la ligne pour définir :


  • Afficher sur : Téléphones (par défaut) ou Tous les écrans.
  • Mise en page : une Barre en bas de la page, ou une Carte flottante avec l'image du produit, arrondie et centrée.
  • Afficher les sélecteurs d'options dans la barre : de petits menus déroulants pour les options d'abonnement et les options de lot, pour que les acheteurs puissent les changer sans remonter. Ils modifient les options de la page : le prix et le panier sont donc les mêmes que si le choix était fait sur la page.
  • Style : la couleur d'arrière-plan, la couleur du texte, l'arrondi des angles et la taille de police. Laissés vides, ils suivent le design de votre widget. Le bouton garde l'apparence de votre thème.


Il est désactivé tant que vous ne l'activez pas. Si votre thème a sa propre barre d'ajout au panier fixe, désactivez l'une des deux pour que les acheteurs n'en voient qu'une.


Champs personnalisés


Champs personnalisés pose des questions aux acheteurs sur la page produit, comme le nom d'un animal ou une préférence de mouture, et enregistre chaque réponse sur la commande et sur l'abonnement, pour qu'elle suive chaque renouvellement. Chaque option d'abonnement pose ses propres questions : dans Offres, ouvrez l'option, cliquez sur Champs personnalisés (sous Affichage, après Avantages) et ajoutez jusqu'à 5 champs. Pour chacun, définissez :


  • Libellé : la question. C'est aussi le nom sous lequel la réponse est enregistrée : le modifier plus tard enregistre les nouvelles réponses sous le nouveau nom.
  • Type : Texte ou Liste déroulante, avec ses Choix séparés par des virgules.
  • Texte indicatif (ou Invite pour une liste déroulante).
  • Réponse par défaut : la valeur de départ du champ, pour que les acheteurs ne la changent que si elle ne convient pas. Saisissez-la pour un champ texte, ou choisissez l'un des choix pour une liste déroulante. L'acheteur peut la modifier ou l'effacer ; un champ obligatoire avec une valeur par défaut est déjà rempli. Un abonnement que vous créez vous-même démarre avec les mêmes réponses.
  • Obligatoire : l'acheteur ne peut pas ajouter au panier tant que le champ n'est pas rempli, et voit Veuillez remplir suivi du nom du champ.
  • Les clients peuvent la modifier dans le portail : la réponse s'affiche dans le portail client sous Vos informations, où le client peut la modifier. Décochez pour afficher la réponse sans permettre de la modifier.


Soyez informé quand les clients modifient leurs réponses. Quand un client modifie une réponse dans le portail client, il reçoit l'e-mail Contrat d'abonnement mis à jour. Comme tous les e-mails d'abonnement, il affiche les réponses de l'abonnement dans son Résumé de l'abonnement, chacune sous le nom de son champ, sans les réponses vides. Cochez M'envoyer une copie par e-mail sur cet e-mail dans Paramètres > Notifications > Notifications client pour recevoir le même e-mail à chaque envoi, et garder vos listes de préparation à jour. Vous recevez aussi une copie pour les autres modifications de l'abonnement, comme les produits ou les quantités.


Consulter et modifier les réponses. Ouvrez l'abonnement depuis Abonnements : ses réponses figurent dans la carte Champs personnalisés à droite, présente sur chaque abonnement. Cliquez sur le crayon pour modifier une réponse ou remplir celle que le client a laissée vide. Vous pouvez modifier tous les champs, y compris ceux que les clients ne peuvent pas modifier dans le portail, mais les champs demandés par l'option d'abonnement ne peuvent pas être supprimés : un champ obligatoire laissé vide affiche Obligatoire mais s'enregistre quand même. Cliquez sur Ajouter un champ pour ajouter votre propre champ, un nom et une valeur, à n'importe quel abonnement, même si son option ne demande rien ; l'icône de corbeille supprime vos propres champs ainsi que les réponses enregistrées sous un nom qu'aucun champ n'utilise plus (un champ renommé ou supprimé). Les champs que vous ajoutez sont enregistrés sur les commandes futures, où le client peut les voir, mais pas dans le portail client, sauf si Autres détails de la commande dans Paramètres > Portail client les inclut. Les modifications s'appliquent à partir de la prochaine commande. La commande passée par l'acheteur conserve les réponses qu'il a données, listées sous le produit sur la page de la commande dans Shopify. Quand vous créez vous-même un abonnement (Abonnements > Créer un contrat d'abonnement), la même carte Champs personnalisés vous permet de répondre aux champs de l'option et d'ajouter les vôtres.


Les champs apparaissent sous les options d'abonnement tant que cette option est choisie, dans tous les designs, et fonctionnent aussi avec les options de lot ; l'aperçu de l'éditeur d'offre les affiche au fil de votre saisie. Ils reprennent les bordures, les angles et la couleur du texte du design de votre widget. Cliquez sur la ligne Champs personnalisés ici pour les remplacer sous Style (dont Arrière-plan des champs, le remplissage des champs de saisie ; laissé vide, les champs prennent l'arrière-plan des options de votre design, ou du blanc), et pour reformuler le message d'un champ obligatoire. Traduisez les libellés, les textes indicatifs, les choix, les réponses par défaut des champs texte et le message dans Paramètres > Traductions > Widgets > Champs personnalisés ; une liste déroulante traduite enregistre toujours le choix dans la langue principale de votre boutique, pour que vos commandes se lisent de la même façon quelle que soit la langue de l'acheteur.


Les couleurs suivent votre design. Chaque module avec une section Style (champs personnalisés, abonnements cadeaux, ajout au panier fixe, vente incitative du panier et Ajouter à mon abonnement) reprend les couleurs et les angles du design de votre widget quand vous les laissez vides, pour s'accorder avec vos options d'abonnement. Les polices suivent votre thème.


Abonnements cadeaux


Abonnements cadeaux contient les textes et l'apparence de l'interrupteur Envoyer en cadeau qui s'affiche quand un acheteur choisit une option pouvant être offerte (dans Offres, un Abonnement prépayé ponctuel avec Les clients peuvent l'offrir en cadeau coché). Activé, il demande l'adresse e-mail du destinataire (toujours) et, si vous le choisissez sous Demander aussi, son nom et un message cadeau (le message est activé sauf si vous le désactivez). Cliquez sur la ligne pour reformuler l'interrupteur, les noms des champs et les messages, et pour définir leur Style (laissés vides, ils suivent le design de votre widget) ; traduisez-les dans Paramètres > Traductions > Widgets > Abonnements cadeaux. Le destinataire reçoit l'e-mail Cadeau reçu dès que l'abonnement démarre. Consultez Puis-je proposer des abonnements cadeaux ? pour toute la configuration.


Vente incitative du panier


Vente incitative du panier ajoute un bouton Abonnez-vous et économisez 10 % à chaque produit acheté en achat unique, sur votre page de panier et dans votre tiroir de panier, juste au-dessus de sa quantité. Un clic fait passer cette ligne en abonnement, au prix de l'abonnement, sans quitter le panier.


  • Le bouton propose la première option d'abonnement que la page produit du produit afficherait seule (ou toutes, voir Laisser les clients choisir la fréquence ci-dessous) : les options vendues uniquement au sein d'un lot, les options que vous excluez de la boutique en ligne, les options d'essai gratuit et les options prépayées ne sont donc jamais proposées. Les options réservées aux clients balisés sont aussi exclues ; les options réservées aux clients connectés ne s'affichent qu'aux clients connectés.
  • L'économie correspond à la réduction de l'option. Sans réduction, le bouton indique Passer à l'abonnement.
  • Une remise par quantité (un lot de 2, un lot de 3) reçoit aussi le bouton, quand la réduction de cette option de lot s'applique aux abonnements. La ligne conserve sa réduction de lot, avec la réduction d'abonnement en plus, soit le même prix que celui facturé par votre page produit pour ce lot sur abonnement, et seule une option autorisée par ce lot est proposée. Les autres lignes de lot (lots fixes, box à composer, Achetez X, obtenez Y, cadeaux et extras) et les lignes portant les informations d'une autre application n'ont jamais de bouton.
  • Laisser les clients choisir la fréquence (dans les paramètres de la ligne, désactivé par défaut) place un menu déroulant des options d'abonnement du produit à côté d'un bouton S'abonner, chaque option avec sa propre économie (« Livraison tous les mois, économisez 10 % »). La première option est sélectionnée : un seul clic suffit donc toujours. Un produit avec une seule option garde le bouton unique. Les noms des options proviennent de vos options d'abonnement, dans la langue de l'acheteur.
  • Permettre aux clients de revenir à l'achat unique (désactivé par défaut) ajoute aux lignes d'abonnement un bouton Passer à un achat unique. Il ne s'affiche pas pour les produits vendus uniquement sur abonnement, ni pour une option de lot vendue uniquement sur abonnement.
  • Sous Style, choisissez un bouton à contour ou plein, sa couleur et la couleur de son texte, l'arrondi des angles, la police (la police du corps ou des titres de votre thème, système, serif ou monospace), sa graisse et sa taille, et, si le menu déroulant est activé, la couleur du texte du menu. La flèche du menu prend la couleur du bouton. Laissés vides, les couleurs et les angles suivent le design de votre widget (la bordure de l'option choisie), lus depuis la page produit ; sur une page sans widget, ils utilisent le design que cet acheteur a vu en dernier, et ceux de votre thème tant qu'il n'en a vu aucun.
  • Il nécessite que l'intégration d'application soit activée, car un tiroir de panier peut s'ouvrir sur n'importe quelle page.


Cliquez sur la ligne pour reformuler les boutons et les entrées du menu déroulant ({discount} est l'économie, {option} le nom de l'option), et traduisez-les dans Paramètres > Traductions > Widgets > Vente incitative du panier. La plupart des thèmes sont pris en charge ; si le bouton ne s'affiche pas dans votre panier, indiquez-nous quel thème vous utilisez.


Dépensez plus, économisez plus


Une réduction sur la commande dès que le panier atteint un palier de dépenses, par exemple 5 % de réduction à partir de 50 $ et 10 % à partir de 100 $, avec une barre de progression en haut de la page de panier et du tiroir de panier : « Encore 20,00 $ pour économiser 5 % ».


  1. Cliquez sur Dépensez plus, économisez plus, définissez jusqu'à 5 paliers (Dépenser au moins, dans la devise de votre boutique, et Réduction en pourcentage), et choisissez ce qui est pris en compte dans Prise en compte : tous les articles du panier, les articles en achat unique uniquement ou les articles d'abonnement uniquement.
  2. Reformulez le Texte de progression ({remaining} est le montant restant à dépenser, {discount} le pourcentage du palier suivant) et le texte Dernier palier atteint ({discount}), et définissez la couleur, les angles et la typographie de la barre sous Style. Les deux textes se traduisent dans Paramètres > Traductions > Widgets.
  3. Cliquez sur Enregistrer, puis activez l'interrupteur.


Fonctionnement :


  • Chaque palier est une réduction automatique Shopify créée par l'application : le paiement l'applique donc, et vous les verrez dans Réductions de votre interface administrateur Shopify. Modifiez-les ici : chaque enregistrement les remplace.
  • Shopify applique le meilleur palier atteint par le panier. Les paliers se cumulent avec les réductions de lot, les réductions d'abonnement et les réductions d'expédition, mais pas avec les autres réductions sur la commande.
  • Prise en compte détermine à la fois ce que la barre additionne et les articles auxquels la réduction s'applique : avec Articles en achat unique uniquement, les abonnements ne sont ni comptés ni réduits.
  • Le Nom de la réduction au paiement ({minimum}, {discount}) s'affiche sur la commande dans la langue de votre boutique uniquement : Shopify ne traduit pas les noms de réduction.
  • La barre nécessite l'intégration d'application. Les minimums sont convertis pour les acheteurs qui paient dans une autre devise.
  • Tant que c'est activé, l'aperçu de la page Design dessine aussi la barre sous le widget, avec la légende Dans le panier et le tiroir du panier, avec ce produit : il montre ce qu'afficherait un panier contenant le produit prévisualisé au prix sélectionné, dans votre Style.


Ajouter à mon abonnement


Ajouter à mon abonnement permet à un client déjà abonné d'ajouter le produit qu'il consulte à cet abonnement, directement depuis la page produit, sans nouveau paiement. Le bouton apparaît sous les options d'abonnement uniquement pour les clients connectés à votre boutique qui ont un abonnement actif ; personne d'autre ne le voit.


Il s'affiche sous forme de carte : le bouton, et en dessous la date d'expédition du produit (Expédié avec votre prochaine commande le 23 octobre). La carte apparaît tant que le client a sélectionné une option d'abonnement, pas en achat unique, et ne propose que ses abonnements actifs ou suspendus sur cette même option d'abonnement : le produit est donc ajouté au prix affiché sur la page. Avec un seul abonnement de ce type, il n'y a pas de liste ; s'il y en a plusieurs, le client choisit lequel dans une liste (Abonnement n° 1234, prochaine commande le 23 octobre).


Un clic sur le bouton ouvre une confirmation avant toute modification. Elle liste tout ce que contient déjà l'abonnement, puis le nouveau produit mis en évidence et marqué Nouveau avec son prix à chaque livraison, et la prochaine commande de l'abonnement avec le produit ajouté : sous-total, réductions, expédition, taxes et total, calculés par Shopify. Quand le produit apporte une réduction plus importante ou une expédition moins chère, cette ligne est mise en évidence avec l'étiquette Nouvelle économie. Ce n'est que lorsque le client clique sur Ajouter à l'abonnement que le produit est ajouté, à chaque commande de cet abonnement à son prix d'abonnement, et il reçoit l'e-mail habituel Abonnement mis à jour.


Un produit déjà présent dans l'abonnement. Ajouter un produit que l'abonnement contient déjà augmente la quantité de cette ligne au lieu d'en ajouter une deuxième : la confirmation affiche donc la ligne une seule fois avec sa nouvelle quantité. Une ligne qui fait partie d'un lot ou d'une box d'abonnement, un cadeau offert ou une récompense, ou une ligne portant les informations propres au client (une gravure, par exemple) est laissée telle quelle, et le produit est ajouté séparément.


Remises par quantité. Si l'abonnement contient déjà le produit sous forme de lot de remise par quantité sur la même option d'abonnement, le produit rejoint ce lot au lieu de devenir une ligne distincte, quand cela permet d'obtenir un lot plus grand. Par exemple, une canette de plus sur un Double le transforme en Triple, avec l'économie du Triple sur chaque commande suivante, au prix exact que votre paiement applique. La confirmation affiche le lot avec sa nouvelle quantité et son nom. Si aucun lot ne correspond à la nouvelle quantité, le produit est ajouté séparément et le lot existant conserve son prix. Les autres types de lots ne sont pas encore combinés de cette façon.


Les règles sont les mêmes que pour l'ajout de produits dans le portail client : il faut que Ajouter des produits soit activé dans Paramètres > Portail client, et l'ajout est refusé pendant votre période Verrouiller les modifications avant la prochaine commande. Cliquez sur la ligne pour reformuler chaque texte de la carte et de la confirmation, et pour définir son Style : un bouton à contour ou plein, les couleurs d'accent et de texte, les angles, la police, sa graisse et sa taille, et la couleur du texte de la liste. Un aperçu montre la carte et la confirmation pendant que vous modifiez. Les textes se traduisent avec vos autres libellés dans Paramètres > Traductions > Widgets.


Questions fréquentes


Le bouton est devenu « Ajouter l'abonnement au panier ». Comment garder le « Ajouter au panier » de mon thème ?
Désactivez Texte du bouton d'ajout au panier dans Paramètres des modules, ou saisissez la formulation souhaitée dans Texte du bouton d'ajout de l'abonnement au panier.


Le prix en haut de ma page produit ne change pas quand un abonnement ou un lot est sélectionné.
Vérifiez que Mettre à jour les prix de la page produit est activé. Si c'est le cas et que le prix de votre thème ne change toujours pas, indiquez-nous quel thème vous utilisez et nous ajouterons sa prise en charge.


Ma page produit affiche un prix réduit au lieu du prix que j'ai défini.
Le prix du thème suit l'option sélectionnée à l'ouverture de la page. Faites de la ligne Achat unique l'option par défaut de l'offre, ou désactivez Mettre à jour les prix de la page produit.


Les prix du widget affichent « USD » (ou ne l'affichent pas).
Réglez Code de devise sur les prix sur Afficher ou Masquer. Si le widget affiche une devise différente du reste de votre boutique, envoyez-nous le lien du produit.


Puis-je afficher les prix sans ,00 ?
Oui. Réglez Centimes sur les prix ronds sur Masquer. Les prix avec des centimes, comme 24,50 $, les conservent.


Mon produit est disponible uniquement sur abonnement avec une seule fréquence. Puis-je masquer le widget ?
Oui. Activez Masquer si option unique.


Guides associés


Mis à jour le : 24/10/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !