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

# Ein Checkout-Widget zu deinem Shopify-Checkout hinzufügen

> So passt du den Shopify-Checkout mit Aftersell-Widgets an, fügst App-Blöcke wie Testimonials hinzu und passt ihre Position an, bevor sie live gehen

Nachdem du [deine ersten Checkout-Widgets in Aftersell erstellt hast](/de/aftersell/creating_your_first_checkout_widget), besteht der nächste Schritt darin, die Widgets in deinem Shopify-Checkout hinzuzufügen.

***

<div id="step-1-navigate-to-shopify-checkout-customization-page">
  ## Schritt 1: Navigiere zur Shopify-Checkout-Anpassungsseite
</div>

Dafür gibt es zwei Möglichkeiten:

1. Navigiere zum Tab "Settings" in Shopify. Klicke in der linken Navigation auf "Checkout". Klicke neben deinem gewünschten Checkout-Profil auf "Customize".
2. Klicke unten rechts auf der Aftersell-Checkout-Editor-Seite auf "Open Shopify Checkout Editor".

Die erste Option gibt dir mehr Kontrolle darüber, welches Checkout-Profil du bearbeitest, während die zweite Option dich zur Live-Profilversion deines Checkouts führt. Wir empfehlen, zuerst an einer Entwurfsversion zu testen, um sicherzustellen, dass alles wie gewünscht funktioniert, bevor du sie live schaltest.

<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-Checkout-Einstellungen mit hervorgehobenem Checkout-Tab und Customize-Schaltfläche" width="2216" height="934" data-path="images/aftersell/checkout-widget-install-settings-tab-customize-button.png" />

***

<div id="step-2-add-an-app-block">
  ## Schritt 2: Einen App-Block hinzufügen
</div>

Klicke auf der Shopify-Checkout-Anpassungsseite auf "Add app block".

<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-Checkout-Editor mit einem Pfeil, der auf die Add app block-Schaltfläche zeigt" width="3486" height="1964" data-path="images/aftersell/checkout-widget-install-add-app-block-button.png" />

Dir werden die verschiedenen Widget-Optionen angezeigt, die Aftersell bietet. In diesem Beispiel wählen wir das Trust Badges Widget aus.

<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-Blockauswahl mit den Widget-Optionen von Aftersell by Rokt, wie z. B. dem Trust Badges Widget" width="3478" height="1954" data-path="images/aftersell/checkout-widget-install-block-picker-listing-rokt.png" />

Nachdem du dein gewünschtes Widget ausgewählt hast, wähle die richtige Platzierung und klicke dann oben rechts auf Speichern. Du solltest in Erwägung ziehen, die Option "Include app block in Shop Pay" zu aktivieren, wenn deine Checkout-Widgets auch im Shop Pay-Checkout angezeigt werden sollen.

<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="Blockeinstellungen des Trust Badges Widget mit einem Platzierungs-Dropdown und hervorgehobener Save-Schaltfläche" width="3482" height="912" data-path="images/aftersell/checkout-widget-install-trust-badges-block-settings.png" />

***

<div id="step-3-change-app-block-position">
  ## Schritt 3: Position des App-Blocks ändern
</div>

Ziehe den App-Block per Drag-and-drop an die gewünschte Stelle und klicke oben rechts auf Speichern.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-drag-app-block.gif?s=7d17314d5e47e74b202e18baf3867e7a" alt="Ein Aftersell-App-Block wird im Shopify-Checkout-Editor per Drag-and-drop neu positioniert" width="1916" height="1080" data-path="images/aftersell/checkout-widget-install-drag-app-block.gif" />