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

# Dodawanie widżetu checkoutu do Twojego checkoutu Shopify

> Jak dostosować checkout Shopify za pomocą widżetów Aftersell, dodawać bloki aplikacji takie jak Testimonials i zmieniać ich pozycję przed publikacją

Po [utworzeniu pierwszych widżetów checkoutu w Aftersell](/pl/aftersell/creating_your_first_checkout_widget) kolejnym krokiem jest dodanie widżetów w Twoim checkoucie Shopify.

***

<div id="step-1-navigate-to-shopify-checkout-customization-page">
  ## Krok 1: Przejdź do strony dostosowywania checkoutu Shopify
</div>

Możesz to zrobić na dwa sposoby:

1. Przejdź do zakładki "Settings" w Shopify. Kliknij "Checkout" w nawigacji po lewej stronie. Kliknij "Customize" obok wybranego profilu checkoutu.
2. Kliknij "Open Shopify Checkout Editor" w prawym dolnym rogu strony edytora checkoutu Aftersell.

Pierwsza opcja daje Ci większą kontrolę nad tym, który profil checkoutu edytujesz, natomiast druga opcja przeniesie Cię do aktywnej (live) wersji profilu Twojego checkoutu. Zalecamy najpierw przetestowanie na wersji roboczej, aby upewnić się, że wszystko działa zgodnie z oczekiwaniami, zanim ją opublikujesz.

<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="Ustawienia checkoutu Shopify z wyróżnioną zakładką Checkout i przyciskiem Customize" width="2216" height="934" data-path="images/aftersell/checkout-widget-install-settings-tab-customize-button.png" />

***

<div id="step-2-add-an-app-block">
  ## Krok 2: Dodaj blok aplikacji
</div>

Kliknij "Add app block" na stronie dostosowywania checkoutu Shopify.

<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="Edytor checkoutu Shopify ze strzałką wskazującą przycisk Add app block" width="3486" height="1964" data-path="images/aftersell/checkout-widget-install-add-app-block-button.png" />

Zobaczysz różne opcje widżetów oferowane przez Aftersell. W tym przykładzie wybierzemy widżet Trust Badges.

<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="Lista bloków Shopify z opcjami widżetów Aftersell by Rokt, takimi jak Trust Badges Widget" width="3478" height="1954" data-path="images/aftersell/checkout-widget-install-block-picker-listing-rokt.png" />

Po wybraniu żądanego widżetu wybierz odpowiednie umiejscowienie, a następnie naciśnij przycisk zapisu w prawym górnym rogu. Warto rozważyć zaznaczenie opcji "Include app block in Shop Pay", jeśli chcesz, aby Twoje widżety checkoutu wyświetlały się w checkoucie Shop Pay.

<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="Ustawienia bloku Trust Badges Widget z listą rozwijaną umiejscowienia i wyróżnionym przyciskiem Save" width="3482" height="912" data-path="images/aftersell/checkout-widget-install-trust-badges-block-settings.png" />

***

<div id="step-3-change-app-block-position">
  ## Krok 3: Zmień pozycję bloku aplikacji
</div>

Przeciągnij i upuść blok aplikacji w wybrane miejsce, a następnie naciśnij przycisk zapisu w prawym górnym rogu.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-drag-app-block.gif?s=7d17314d5e47e74b202e18baf3867e7a" alt="Przeciąganie bloku aplikacji Aftersell w celu zmiany jego pozycji w edytorze checkoutu Shopify" width="1916" height="1080" data-path="images/aftersell/checkout-widget-install-drag-app-block.gif" />