> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Post-purchase branding-instellingen

> Hoe je post-purchase pagina de Shopify checkout-branding overneemt en waar je die branding-instellingen kunt bewerken, afhankelijk van je Shopify-abonnement.

Je post-purchase pagina wordt gestyled door je **Shopify checkout-branding**, dezelfde instellingen die je checkout-, bedank- en orderstatuspagina's stylen. Ze heeft geen eigen aparte styling.

<Note>
  Als je winkel geen Shopify Plus-abonnement heeft, komt de preview in de Aftersell-editor niet overeen met je live pagina. Shopify staat apps op die abonnementen niet toe je branding te lezen, dus de preview valt terug op de standaard Shopify-instellingen

  Dit heeft alleen invloed op de preview; je live post-purchase pagina gebruikt nog steeds je echte branding. Plaats om dit te bevestigen een testbestelling en bekijk de post-purchase pagina.

  De checkout-editor toont geen post-purchase pagina, dus daar valt niets te previewen. Je branding is er achter de schermen nog steeds op van toepassing
</Note>

Waar je die branding bewerkt, hangt af van je Shopify-abonnement.

<div id="if-you-are-not-on-shopify-plus-also-works-for-shopify-plus">
  ## Als je geen Shopify Plus hebt (werkt ook voor Shopify Plus)
</div>

Shopify staat apps alleen op Plus-abonnementen toe checkout-branding te lezen en te schrijven, dus Aftersell kan je branding niet tonen of wijzigen. Breng je wijzigingen in plaats daarvan aan in de Shopify checkout-editor. Om deze te openen, ga je naar **Settings → Checkout** in je Shopify-beheer en klik je op **Customize**:

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/ppu-branding-opening-settings-checkout-customization.gif?s=b3a1fe180f95e25b418dcc69e53f306b" alt="De pagina Shopify Settings Checkout en de bijbehorende branding-editor openen" width="2400" height="1080" data-path="images/aftersell/ppu-branding-opening-settings-checkout-customization.gif" />

De checkout-editor toont geen post-purchase pagina, dus daar valt niets te previewen. Je branding is er nog steeds op van toepassing.

De instelling **Colors → Buttons** is degene waar merchants het meest naar vragen — deze bepaalt de knoppen "Add to order" en de knoppen voor de volgende stap op je post-purchase pagina:

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/ppu-button-colours-checkout-editor-settings-panel.gif?s=966bf2ad4958a633fbb79e3410c57c47" alt="Instellingenpaneel van de checkout-editor met het kleurenveld voor knoppen gemarkeerd" width="1344" height="1080" data-path="images/aftersell/ppu-button-colours-checkout-editor-settings-panel.gif" />

<div id="if-you-are-on-shopify-plus">
  ## Als je Shopify Plus hebt
</div>

Bewerk je branding rechtstreeks in Aftersell, onder **Settings → Checkout branding**. Je wijzigingen worden direct naar je Shopify checkout-branding geschreven, zodat ze van toepassing zijn op je checkout-, post-purchase-, bedank- en orderstatuspagina's. Zie ook [Checkout Branding Settings](https://docs.aftersell.com/aftersell/checkout_branding_settings#checkout-branding-settings)

Op deze abonnementen toont de preview van de Aftersell-editor ook je echte branding, zodat je je styling kunt zien zonder een bestelling te plaatsen.

Je kunt desgewenst in plaats daarvan de Shopify checkout-editor gebruiken. Beide schrijven naar dezelfde instellingen, dus je hebt er maar één nodig.

***

Veel van de velden in de Shopify checkout-editor zijn gekoppeld aan de post-purchase pagina van Aftersell. De onderstaande mapping toont welke Shopify checkout-instelling welk element op de post-purchase upsell-pagina bepaalt:

| Shopify checkout-instelling              | Bepaalt op de post-purchase pagina                         |
| :--------------------------------------- | :--------------------------------------------------------- |
| **Logo** (afbeelding, positie, grootte)  | Het winkellogo bovenaan de pagina                          |
| **Main content area → Background color** | De pagina-achtergrond                                      |
| **Order summary → Background color**     | De achtergrond van de aanbiedingssamenvatting              |
| **Typography → Headings**                | Aanbiedings- en productkoppen                              |
| **Typography → Body**                    | Lopende tekst                                              |
| **Colors → Accents**                     | Links, markeringen en vinkjes                              |
| **Colors → Buttons**                     | De knop "Add to order" en de knoppen voor de volgende stap |
| **Form fields**                          | De formuliervelden voor variant en aantal                  |

De knopkleur in de Shopify checkout wordt bijvoorbeeld direct weerspiegeld in de knopkleur op de post-purchase pagina:

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/ppu-branding-diagram-mapping-checkout-settings.gif?s=6723f0540ebe555dc71715101ce120d2" alt="Genummerd diagram dat Shopify checkout-branding-instellingen koppelt aan elementen op de post-purchase pagina" width="1048" height="1080" data-path="images/aftersell/ppu-branding-diagram-mapping-checkout-settings.gif" />

***
