> ## 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.

# Een checkoutwidget toevoegen aan je Shopify-checkout

> Hoe je de Shopify-checkout aanpast met Aftersell-widgets, app-blokken zoals Testimonials toevoegt en hun positie aanpast voordat je live gaat

Nadat je [je eerste checkoutwidgets in Aftersell hebt gemaakt](/nl/aftersell/creating_your_first_checkout_widget), is de volgende stap om de widgets toe te voegen aan je Shopify-checkout.

***

<div id="step-1-navigate-to-shopify-checkout-customization-page">
  ## Stap 1: Ga naar de Shopify-pagina voor checkoutaanpassing
</div>

Er zijn twee manieren om dit te doen:

1. Ga naar het tabblad "Settings" in Shopify. Klik op "Checkout" in de navigatie aan de linkerkant. Klik op "Customize" naast het gewenste checkoutprofiel.
2. Klik op "Open Shopify Checkout Editor" rechtsonder op de checkouteditorpagina van Aftersell.

De eerste optie geeft je meer controle over welk checkoutprofiel je bewerkt, terwijl de tweede optie je naar de live profielversie van je checkout brengt. We raden aan om eerst te testen op een conceptversie om er zeker van te zijn dat alles naar wens werkt voordat je het live zet.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-settings-tab-customize-button.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=77442f8be63f9a08ae3dc3fe0d1e569a" alt="Shopify-checkoutinstellingen met het tabblad Checkout en de knop Customize gemarkeerd" width="2216" height="934" data-path="images/aftersell/checkout-widget-install-settings-tab-customize-button.png" />

***

<div id="step-2-add-an-app-block">
  ## Stap 2: Voeg een app-blok toe
</div>

Klik op "Add app block" op de Shopify-pagina voor checkoutaanpassing.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-add-app-block-button.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=f6ba0d6ab535b750f8487c408e99ef69" alt="Shopify-checkouteditor met een pijl die naar de knop Add app block wijst" width="3486" height="1964" data-path="images/aftersell/checkout-widget-install-add-app-block-button.png" />

Je krijgt de verschillende widgetopties te zien die Aftersell aanbiedt. In dit voorbeeld selecteren we de Trust Badges Widget.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-block-picker-listing-rokt.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=6b6c6f415043aff812c76705409501c6" alt="Shopify-blokkiezer met een lijst van Aftersell by Rokt-widgetopties zoals de Trust Badges Widget" width="3478" height="1954" data-path="images/aftersell/checkout-widget-install-block-picker-listing-rokt.png" />

Nadat je de gewenste widget hebt geselecteerd, kies je de juiste plaatsing en druk je op save rechtsboven. Je kunt overwegen de optie "Include app block in Shop Pay" aan te vinken als je wilt dat je checkoutwidgets worden weergegeven in de Shop Pay-checkout.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-trust-badges-block-settings.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=114dab51d2102e86e8b8f0865ee8dc33" alt="Blokinstellingen van de Trust Badges Widget met een plaatsingsdropdown en de knop Save gemarkeerd" width="3482" height="912" data-path="images/aftersell/checkout-widget-install-trust-badges-block-settings.png" />

***

<div id="step-3-change-app-block-position">
  ## Stap 3: Wijzig de positie van het app-blok
</div>

Sleep het app-blok naar de gewenste locatie en druk op save rechtsboven.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-drag-app-block.gif?s=7d17314d5e47e74b202e18baf3867e7a" alt="Een Aftersell-app-blok verslepen om het te verplaatsen in de Shopify-checkouteditor" width="1916" height="1080" data-path="images/aftersell/checkout-widget-install-drag-app-block.gif" />