> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://supr-bundles-and-subscriptions.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Wat er is gebeurd met de widgeteditor

| Zoek je de knop **Aanpassen** of de pagina **Widget**? Het stylen gebeurt nu op de [pagina Design](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/): ga naar [**Supr Bundles & Subscriptions > Design**](https://admin.shopify.com/apps/super-subscriptions/app/widget).

Je abonnementswidget en je bundelopties werden vroeger apart gestyled, design voor design, elk op een eigen pagina. Om ze als één geheel te laten ogen, moest je elke keuze twee keer maken, en een ander design proberen betekende opnieuw beginnen.

Nu delen ze één set bedieningselementen op de pagina Design. Dat is de **uniforme widgetervaring**. Het menu-item dat vroeger **Widget** heette, heet nu **Design**, en oude links naar de editor van één design openen de pagina Design.

Er is niets uit zichzelf veranderd aan hoe je widgets eruitzien. Je instellingen staan precies waar ze stonden en je productpagina's blijven zoals ze zijn totdat jij besluit iets te wijzigen.

| Als je Supr Bundles & Subscriptions onlangs hebt geïnstalleerd, is dit artikel geschiedenis in plaats van nieuws: er is in jouw winkel altijd maar één plek geweest om je widgets te stylen, en dat is de pagina Design.

### Inhoudsopgave

* [Waar alles naartoe is verhuisd](#3-waar-alles-naartoe-is-verhuisd)
* [Overstappen op de uniforme widgetervaring](#3-overstappen-op-de-uniforme-widgetervaring)
* [Je vorige design herstellen](#3-je-vorige-design-herstellen)
* [Lettertypen](#3-lettertypen)
* [Aangepaste designs gebouwd door ons team](#3-aangepaste-designs-gebouwd-door-ons-team)
* [Veelgestelde vragen](#3-veelgestelde-vragen)
* [Gerelateerde handleidingen](#3-gerelateerde-handleidingen)

### Waar alles naartoe is verhuisd

Alles wat de oude editor deed, staat op de [pagina Design](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/) en geldt nu voor alle designs tegelijk in plaats van voor één:

* **Een design kiezen** doe je in de sectie **Design** bovenaan: klik op **Wijzigen** naast de abonnementswidget of de bundelwidget om de galerij te openen.
* **Kleuren** staan in de sectie [Kleuren](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-kleuren). Kies één kleur en de gekozen optie, de randen, de radioknoppen en de badges volgen die kleur.
* **Afronding en randdikte** staan in de sectie [Vorm](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-vorm). De opvulling binnen elke optie, de ruimte tussen de widgets en de ruimte rond de hele widget staan in de sectie [Afstand](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-afstand) direct daaronder.
* **Het lettertype** van beide widgets staat in de sectie [Lettertype](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-lettertype). Als je het op **Volgt je thema** laat staan, gebruiken ze de lettertypen van je thema.
* **Styling per element**, de kleur, tekstgrootte en tekstdikte van elk onderdeel, staat in [Elementen](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-elementen), één rij per onderdeel. Een onderdeel tonen of verbergen kan daar ook.
* **Aangepaste CSS** komt direct na **Elementen** ([Aangepaste CSS](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-aangepaste-css)). Ze hoort bij je winkel en niet bij één design, dus ze blijft behouden als je van design wisselt.
* **De teksten** staan in de kaart [Labels](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-labels) onder de instellingen, waaronder de achtervoegsels voor leverfrequentie, de prijs per eenheid en de optierij, die vroeger alleen bij bepaalde designs bereikbaar waren.
* **De abonnementsbadge, de tekst van de knop voor toevoegen aan winkelwagen, de prioriteit van abonnementen en de andere add-ons** staan in de kaart **Instellingen voor add-ons** verderop op de pagina.

| Een paar fijnere instellingen hebben nog geen eigen rij op de pagina Design, zoals de stijl waarmee de gekozen bundeloptie wordt gemarkeerd. Alles wat je eerder hebt ingesteld, blijft van kracht, en support kan het in de tussentijd voor je wijzigen. Vertel ons wat je wilt bereiken, dan stellen wij het in voor je winkel in.

### Overstappen op de uniforme widgetervaring

Als je je widgets hebt gestyled in de oude editor per design, stapt je winkel over de eerste keer dat je opslaat op de pagina Design. Tot dan verandert er niets.

Omdat de pagina Design één waarde tegelijk voor alle designs schrijft, past die eerste keer opslaan je kleuren, afronding en afstand overal toe, en niet alleen op het ene design waar je naar kijkt. Dat is het doel van de pagina, maar het is de eerste keer ook een verrassing, dus gebeuren er twee dingen:

1. We vragen om bevestiging vóór die eerste keer opslaan en leggen uit wat het gaat doen.
2. Voordat er iets wordt toegepast, bewaren we een kopie van hoe je widgets er nu uitzien.

Wat je daarvoor terugkrijgt:

* **Eén stijl, elk design.** Je kleuren, afronding en afstand gelden tegelijk voor je abonnementswidget en je bundelopties, zodat de twee op je productpagina altijd bij elkaar passen.
* **Van design wisselen is makkelijk.** Je look gaat over naar alle designs, dus je kunt een ander design proberen zonder je winkel helemaal opnieuw te stylen.
* **Veel meer controle.** Elk element heeft een eigen rij met kleur, grootte en dikte, er zijn vier badgevormen om uit te kiezen en alle teksten die klanten zien staan op één plek.
* **Zie het voordat je opslaat.** Een live voorbeeld van je echte productpagina toont beide widgets onder elkaar, zoals een shopper ze ziet.

Je aanbiedingen, je prijzen en je abonnees worden er niet door beïnvloed.

### Je vorige design herstellen

Dit gedeelte is bedoeld voor winkels die hun widgets in de oude editor per design hebben gestyled. Als je de app hebt geïnstalleerd nadat die editor was gesloten, is er geen vorig design om naar terug te gaan en staat er geen knop **Vorig design herstellen** op je pagina Design.

De kopie die vóór je eerste keer opslaan is gemaakt, verloopt niet. Vanaf dat moment staat er onderaan de pagina Design een knop **Vorig design herstellen**. Klik erop en je widgets gaan precies terug naar hoe ze waren voordat je overstapte op de uniforme widgetervaring, hoe lang geleden dat ook is.

Je kunt daarna opnieuw stylen en opnieuw herstellen. De knop blijft staan, dus herstellen is nooit het laatste woord.

| Herstellen vervangt alles wat je op de pagina Design hebt gewijzigd sinds die kopie is gemaakt, omdat het het hele design terugzet zoals het was. Je aanbiedingen, prijzen en abonnees worden er niet door beïnvloed.

Zodra je eigen wijzigingen hebt opgeslagen, verschijnt er in de sectie **Design** ook een knop **Terugzetten naar standaard**. Die zet je kleuren, vorm, afstand, elementen, labels en aangepaste CSS in het voorbeeld terug naar de standaardwaarden van de app en laat de designs die je publiceert met rust. Er verandert niets in je winkel totdat je op **Opslaan** klikt, en met **Negeren** krijg je je eigen look terug.

### Lettertypen

De widgets nemen hun lettertypen over van je thema, tenzij je er zelf een kiest, dus ze passen standaard bij de pagina waarop ze staan. De meeste thema's stellen er twee in: een koplettertype en een lettertype voor lopende tekst, beide onder de typografie-instellingen van je thema.

* **Titels** gebruiken het koplettertype van je thema: de titel van het bundelblok, de titel van elke bundeloptie en de naam van elke abonnementsoptie en van de rij voor eenmalige aankoop.
* **Al het andere** gebruikt het lettertype voor lopende tekst van je thema: prijzen, beschrijvingen, besparingsteksten en de rest.

Dat is dezelfde verdeling die je thema maakt, zodat de widget aanvoelt als onderdeel van de productpagina in plaats van als een los blok. Thema's die maar één lettertype instellen, gebruiken dat overal.

Om een ander lettertype te gebruiken, open je de sectie [Lettertype](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-lettertype) van de pagina Design. Die stelt één lettertype in voor je abonnementswidget en je bundelopties samen, titels inbegrepen: het lettertype voor lopende tekst of het koplettertype van je thema, een systeemlettertype, serif of monospace, of **Aangepast** met de naam van een lettertype dat je thema al laadt. **Volgt je thema** behoudt de bovenstaande verdeling.

De **groottes** en **diktes** van het lettertype stel je per element in bij [Elementen](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/#3-elementen), onafhankelijk van de lettertypen.

| Het voorbeeld in het beheerpaneel kan de lettertypen van je webwinkel niet laden, dus de lettertypen van je thema en een aangepast lettertype worden daar in het eigen lettertype van het beheerpaneel getoond. Open een productpagina in je winkel om het echte resultaat te zien.

### Aangepaste designs gebouwd door ons team

Twee designs hebben een eigen editor, omdat ze in HTML, CSS en JavaScript zijn geschreven in plaats van uit instellingen te zijn opgebouwd: het **Aangepaste** abonnementsdesign en de **Aangepaste** bundellayout.

Als je winkel er al een van gebruikt, verandert er niets. Het blijft in de designgalerij staan onder **Geavanceerd**, met een link **Aanpassen** die zijn eigen editor opent (of een link **Contact opnemen met support** als ons team het nog niet heeft gebouwd). Winkels die geen aangepast design gebruiken, zien het niet meer in de galerij.

Als de ingebouwde designs, **Kleuren**, **Vorm**, **Afstand**, **Lettertype**, **Elementen** en **Aangepaste CSS** je niet de look kunnen geven die je wilt, klik dan onderaan de pagina Design op **Chatten met een expert**. Stuur ons een screenshot of een link naar een design dat je mooi vindt, dan helpen we je er te komen.

### Veelgestelde vragen

**Waar is de knop Aanpassen voor mijn widget?**
Er is geen aparte editor per design meer. Alles staat onder **Design** en geldt voor het design dat je publiceert.

**Waar is de pagina Widget gebleven?**
Die heet nu **Design**, in het menu van de app.

**Ik heb van design gewisseld en mijn kleuren zijn hetzelfde gebleven. Klopt dat?**
Ja. Kleuren, vorm, afstand, lettertype, elementstijlen, labels en aangepaste CSS horen bij je winkel en niet bij een design, dus ze gaan mee als je van design wisselt.

**Kan ik mijn oude widgetlook terugkrijgen?**
Als je winkel zijn widgets in de oude editor heeft gestyled, klik je onderaan de pagina Design op **Vorig design herstellen**.

**Kunnen jullie een aangepast widgetdesign voor me bouwen?**
Begin met de ingebouwde designs en **Aangepaste CSS**, klik dan op de pagina Design op **Chatten met een expert** en vertel ons wat je wilt bereiken.

### Gerelateerde handleidingen

* [De abonnementswidget](https://supr-bundles-and-subscriptions.crisp.help/nl/article/the-subscription-widget-mv3kvz/)
* [Hoe je de abonnementswidget in de webwinkel inschakelt](https://supr-bundles-and-subscriptions.crisp.help/nl/article/how-to-enable-the-subscription-widget-in-the-online-store-cnd7pr/)
* [Bundletypen: kwantumkortingen, Buy X Get Y, vaste bundels en build-a-box](https://supr-bundles-and-subscriptions.crisp.help/nl/article/bundle-types-quantity-breaks-buy-x-get-y-fixed-bundles-and-build-a-box-1dzfp8g/)
* [Vertalingen](https://supr-bundles-and-subscriptions.crisp.help/nl/article/translations-a3jgzu/)
* [Een beginnersgids voor abonnementsaanbiedingen](https://supr-bundles-and-subscriptions.crisp.help/nl/article/a-beginners-guide-to-subscription-offers-zxx56f/)