Articles sur : Widgets

Ce qu'est devenu l'éditeur de widget

Vous cherchez le bouton Personnaliser ou la page Widget ? La mise en forme se fait désormais sur la page Design : allez dans Supr Bundles & Subscriptions > Design.

Votre widget d'abonnement et vos options de lot se mettaient en forme séparément, design par design, chacun sur sa propre page. Pour qu'ils restent cohérents, il fallait prendre chaque décision deux fois, et essayer un autre design obligeait à tout recommencer.

Ils partagent désormais un seul ensemble de réglages sur la page Design. C'est l'expérience de widget unifiée. L'élément de menu qui s'appelait Widget s'appelle maintenant Design, et les anciens liens vers l'éditeur d'un design précis ouvrent la page Design.

L'apparence de vos widgets n'a pas changé d'elle-même. Vos réglages sont exactement là où ils étaient, et vos pages produit restent inchangées jusqu'à ce que vous décidiez de modifier quelque chose.

Si vous avez installé Supr Bundles & Subscriptions récemment, cet article relève de l'histoire plutôt que de l'actualité : il n'y a jamais eu qu'un seul endroit pour mettre en forme les widgets de votre boutique, et c'est la page Design.

Table des matières

Où tout a été déplacé
Passer à l'expérience de widget unifiée
Restaurer votre design précédent
Polices
Designs personnalisés créés par notre équipe
Questions fréquentes
Guides associés

Où tout a été déplacé

Tout ce que faisait l'ancien éditeur se trouve sur la page Design, et s'applique désormais à tous les designs à la fois plutôt qu'à un seul :

Le choix d'un design se fait dans la section Design en haut : cliquez sur Modifier à côté du widget d'abonnement ou du widget de lot pour ouvrir la galerie.
Les couleurs se trouvent dans la section Couleurs. Choisissez une couleur, et l'option sélectionnée, les bordures, les boutons radio et les badges la suivent tous.
L'arrondi et l'épaisseur des bordures se trouvent dans la section Forme. La marge intérieure de chaque option, l'écart entre les widgets et l'espace autour de l'ensemble du widget se trouvent dans la section Espacement juste en dessous.
La police des deux widgets se trouve dans la section Police. Laissés sur Suit votre thème, ils utilisent les polices de votre thème.
La mise en forme élément par élément, c'est-à-dire la couleur, la taille et la graisse du texte de chaque partie, se trouve dans Éléments, une ligne par partie. C'est aussi là que vous affichez ou masquez une partie.
Le CSS personnalisé vient juste après Éléments (CSS personnalisé). Il appartient à votre boutique plutôt qu'à un design : changer de design le conserve.
Les textes se trouvent dans la carte Libellés sous les réglages, y compris les suffixes de fréquence de livraison, le prix unitaire et la ligne d'option, qui n'étaient auparavant accessibles que sur certains designs.
Le badge d'abonnement, le texte du bouton d'ajout au panier, la priorité des formules et les autres modules se trouvent dans la carte Paramètres des modules, plus bas sur la page.

Quelques réglages plus fins n'ont pas encore de ligne sur la page Design, comme le style utilisé pour marquer l'option de lot choisie. Tout ce que vous aviez défini auparavant est toujours appliqué, et l'assistance peut le modifier pour vous en attendant. Dites-nous ce que vous souhaitez et nous le configurerons sur votre boutique.

Si vous avez mis en forme vos widgets avec l'ancien éditeur par design, votre boutique bascule la première fois que vous enregistrez sur la page Design. D'ici là, rien ne change.

Comme la page Design écrit une même valeur pour tous les designs à la fois, ce premier enregistrement applique vos couleurs, votre arrondi et votre espacement partout, et pas seulement au design que vous êtes en train de regarder. C'est tout l'intérêt de la page, mais c'est aussi surprenant la première fois, c'est pourquoi deux choses se produisent :

Nous vous demandons confirmation avant ce premier enregistrement, en expliquant ce qu'il va faire.
Avant que quoi que ce soit ne soit appliqué, nous enregistrons une copie de l'apparence actuelle de vos widgets.

Ce que vous y gagnez :

Un seul style, pour tous les designs. Vos couleurs, votre arrondi et votre espacement s'appliquent à la fois à votre widget d'abonnement et à vos options de lot : les deux sont donc toujours assortis sur votre page produit.
Changer de design est facile. Votre style se retrouve dans tous les designs : vous pouvez en essayer un autre sans remettre en forme votre boutique de zéro.
Beaucoup plus de contrôle. Chaque élément a sa propre ligne avec sa couleur, sa taille et sa graisse, vous avez le choix entre quatre formes de badge, et tous les textes vus par vos clients sont réunis au même endroit.
Voyez le résultat avant d'enregistrer. Un aperçu en direct de votre vraie page produit montre les deux widgets empilés, tels qu'un client les voit.

Vos offres, vos prix et vos abonnés ne sont pas concernés.

Restaurer votre design précédent

Cette section concerne les boutiques qui ont mis en forme leurs widgets avec l'ancien éditeur par design. Si vous avez installé l'application après sa fermeture, il n'y a pas de design précédent à restaurer ni de bouton Restaurer le design précédent sur votre page Design.

La copie prise avant votre premier enregistrement n'expire pas. À partir de ce moment, un bouton Restaurer le design précédent se trouve vers le bas de la page Design. Cliquez dessus et vos widgets redeviennent exactement tels qu'ils étaient avant votre passage à l'expérience de widget unifiée, quelle que soit l'ancienneté de ce passage.

Vous pouvez ensuite refaire la mise en forme et restaurer de nouveau. Le bouton reste en place : une restauration n'est donc jamais définitive.

La restauration remplace tout ce que vous avez modifié sur la page Design depuis la prise de cette copie, car elle remet l'ensemble du design tel qu'il était. Elle n'affecte pas vos offres, vos prix ni vos abonnés.

Une fois que vous avez enregistré vos propres modifications, un bouton Rétablir les valeurs par défaut apparaît aussi dans la section Design. Il remet vos couleurs, votre forme, votre espacement, vos éléments, vos libellés et votre CSS personnalisé aux valeurs par défaut de l'application dans l'aperçu, et conserve les designs que vous publiez. Rien ne change sur votre boutique tant que vous ne cliquez pas sur Enregistrer, et Abandonner rétablit votre propre style.

Polices

Les widgets reprennent les polices de votre thème sauf si vous en choisissez une : par défaut, ils s'accordent donc avec la page sur laquelle ils se trouvent. La plupart des thèmes en définissent deux, une police de titre et une police de corps de texte, toutes deux dans les paramètres de typographie de votre thème.

Les titres utilisent la police de titre de votre thème : le titre du bloc de lot, le titre de chaque option de lot, et le nom de chaque option d'abonnement et de la ligne d'achat unique.
Tout le reste utilise la police de corps de texte de votre thème : les prix, les descriptions, le texte d'économies, etc.

C'est la même répartition que celle de votre thème : le widget fait ainsi partie de la page produit plutôt que de ressembler à un bloc à part. Les thèmes qui ne définissent qu'une seule police l'utilisent simplement partout.

Pour utiliser une autre police, ouvrez la section Police de la page Design. Elle définit une seule police pour votre widget d'abonnement et vos options de lot ensemble, titres compris : la police de corps ou de titre de votre thème, une police système, serif ou à chasse fixe, ou Personnalisée avec le nom d'une police que votre thème charge déjà. Suit votre thème conserve la répartition décrite ci-dessus.

Les tailles et graisses de police se règlent élément par élément dans Éléments, indépendamment des polices elles-mêmes.

L'aperçu de l'interface administrateur ne peut pas charger les polices de votre boutique en ligne : les polices de votre thème et une police personnalisée s'y affichent donc dans la police de l'interface administrateur. Ouvrez une page produit de votre boutique pour voir le vrai rendu.

Designs personnalisés créés par notre équipe

Deux designs conservent leur propre éditeur, car ils sont écrits en HTML, CSS et JavaScript au lieu d'être assemblés à partir de réglages : le design d'abonnement Personnalisé et la mise en page de lot Personnalisée.

Si votre boutique utilise déjà l'un d'eux, rien ne change. Il reste dans la galerie de designs sous Avancé, avec un lien Personnaliser qui ouvre son propre éditeur (ou un lien Contacter l'assistance si notre équipe ne l'a pas encore créé). Les boutiques qui n'utilisent pas de design Personnalisé ne le voient plus dans la galerie.

Si les designs intégrés, Couleurs, Forme, Espacement, Police, Éléments et CSS personnalisé ne vous permettent pas d'obtenir le style voulu, cliquez sur Discuter avec un expert en bas de la page Design. Envoyez-nous une capture d'écran ou le lien d'un design qui vous plaît et nous vous aiderons à y parvenir.

Questions fréquentes

Où est le bouton Personnaliser de mon widget ?
Il n'y a plus d'éditeur distinct par design. Tout se trouve dans Design, et s'applique au design que vous publiez, quel qu'il soit.

Où est passée la page Widget ?
Elle s'appelle désormais Design, dans le menu de l'application.

J'ai changé de design et mes couleurs sont restées les mêmes. Est-ce normal ?
Oui. Les couleurs, la forme, l'espacement, la police, les styles des éléments, les libellés et le CSS personnalisé appartiennent à votre boutique, pas à un design : ils sont donc conservés quand vous changez de design.

Puis-je retrouver l'ancienne apparence de mon widget ?
Si votre boutique a mis en forme ses widgets avec l'ancien éditeur, cliquez sur Restaurer le design précédent vers le bas de la page Design.

Pouvez-vous créer un design de widget personnalisé pour moi ?
Commencez par les designs intégrés et le CSS personnalisé, puis cliquez sur Discuter avec un expert sur la page Design et dites-nous ce que vous souhaitez.

Guides associés

Mis à jour le : 24/10/2026

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

Merci !