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

# Tworzenie pierwszego widżetu checkout

> Przewodnik po konfiguracji widżetu checkout w Aftersell, od wyboru i utworzenia widżetu po dostosowanie jego stylu i zachowania.

W tym artykule przeprowadzimy Cię przez proces konfiguracji widżetu checkout w Aftersell. Aby dowiedzieć się więcej o dostępnych typach widżetów, [kliknij tutaj](/pl/aftersell/checkout_widget_types).

Zaczynajmy.

***

<div id="step-1-selecting-your-widget">
  ## Krok 1: Wybór widżetu
</div>

Najpierw wybierz widżet odpowiadający Twoim potrzebom. Niezależnie od tego, czy chodzi o widżet upsell, czy widżet z opiniami, Aftersell oferuje szeroki wybór dopasowany do Twoich preferencji.

W tym samouczku wybierzemy widżet upsell.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-cards-upsells-cart-controls.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=3302868c50e12461761e6a1300820bd7" alt="Strona Checkout w Aftersell z kartami widżetów Upsells, Cart Controls, Rewards i Testimonials" width="1988" height="1566" data-path="images/aftersell/checkout-widget-create-cards-upsells-cart-controls.png" />

***

<div id="step-2-creating-your-widget">
  ## Krok 2: Tworzenie widżetu
</div>

Kliknij „Create Upsell”, aby rozpocząć budowanie widżetu upsell.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-editor-upsells-panel-arrow.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=e89c35b59c09c6fd858e910f46d9fcc0" alt="Panel Upsells w Checkout Editor ze strzałką wskazującą przycisk Create upsell" width="2884" height="1234" data-path="images/aftersell/checkout-widget-create-editor-upsells-panel-arrow.png" />

***

<div id="step-3-selecting-a-preset">
  ## Krok 3: Wybór presetu
</div>

Wybierz z listy zoptymalizowanych presetów widżetów lub zacznij od zera.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-new-campaign-preset-options.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=d64607da81a3a4b43e9d5c7c9a7420c2" alt="Ekran tworzenia nowej kampanii z opcjami presetów, takimi jak upselle jedno- i wieloproduktowe" width="1646" height="1674" data-path="images/aftersell/checkout-widget-create-new-campaign-preset-options.png" />

***

<div id="step-4-edit-styling-and-behaviour">
  ## Krok 4: Edycja stylu i zachowania
</div>

Czas dopracować szczegóły. Dostosuj styl i zachowanie widżetu do perfekcji. Zmodyfikuj logikę wyzwalania, doprecyzuj wybór produktów lub dodaj ostatni szlif do projektu.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-single-product-upsell-editor.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=e9560a037ceb877ea2d47d261278934b" alt="Edytor upsellu jednoproduktowego pokazujący ustawienia wyzwalacza, produktu i stylizacji z podglądem na żywo" width="2968" height="1619" data-path="images/aftersell/checkout-widget-create-single-product-upsell-editor.png" />

***

<div id="step-5-enable-widget-status">
  ## Krok 5: Włączenie statusu widżetu
</div>

Upewnij się, że status widżetu jest ustawiony na aktywny.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-create-editor-upsell-status-toggle.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=7f9cedd5ace808ad47a077090be3e29d" alt="Checkout Editor z włączonym przełącznikiem Status upsellu aktywującym widżet" width="2892" height="1386" data-path="images/aftersell/checkout-widget-create-editor-upsell-status-toggle.png" />

Gdy Twój widżet checkout jest już aktywny w Aftersell, pozostaje ostatni krok — umieszczenie widżetu w checkoucie Shopify. Chcesz dowiedzieć się jak? Kliknij poniżej, aby zagłębić się w ten proces.

[Dowiedz się więcej](/pl/aftersell/adding_a_checkout_widget_to_your_shopify_checkout)