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

# Szybki start z Upcart

> Dowiedz się, jak aktywować Upcart, włączyć podstawowe funkcje i opublikować koszyk wysuwany na żywo.

Ten przewodnik przeprowadzi Cię przez konfigurację Upcart wraz z jego głównymi modułami — od personalizacji wyglądu po aktywację w Twoim sklepie.

Upcart wizualnie zastępuje koszyk wysuwany Twojego motywu, ale **nie integruje się z koszykiem wysuwanym motywu ani ze stroną koszyka**. Strona koszyka Shopify nadal będzie dostępna.

<div id="managing-modules">
  # **Zarządzanie modułami**
</div>

Każdy moduł Upcart można **łatwo włączyć lub wyłączyć**. Wystarczy kliknąć przycisk **Enable/Disable** w prawym górnym rogu, aby w dowolnym momencie włączyć lub wyłączyć moduł. Zmiany zaczynają obowiązywać natychmiast po zapisaniu.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-announcements-module-row-disabled.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=454a834d8ea953a99ba987dfdb80499a" alt="Wiersz modułu Announcements oznaczony jako Disabled ze strzałką wskazującą przycisk Enable" width="1548" height="210" data-path="images/upcart/quickstart-announcements-module-row-disabled.png" />

<div id="cart-design">
  # Wygląd koszyka
</div>

Po pierwszym otwarciu Cart Editor w Upcart trafisz do [modułu Design](/pl/upcart/design_module). Tutaj możesz dostosować podstawowe kolory koszyka wysuwanego, aby pasowały do identyfikacji wizualnej Twojego sklepu.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-cart-editor-design-module.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=e15c4d0893916f9200cf1884c1d0adfe" alt="Moduł Design w Cart Editor Upcart z ustawieniami kolorów obok podglądu koszyka wysuwanego na żywo" width="600" data-path="images/upcart/quickstart-cart-editor-design-module.png" />

<div id="announcements">
  # Ogłoszenia
</div>

Aby wyświetlić komunikat w koszyku lub licznik odliczający czas, przejdź do **Body > [Announcements](/pl/upcart/announcements_module)**.

W prawym górnym rogu kliknij **Enable**. Odznaka obok nazwy modułu zmieni się z **Disabled** na **Active**.

Wpisz swój komunikat w polu **Announcement Text** i w razie potrzeby skonfiguruj licznik.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-announcement-settings-timer-text.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2a726b39f6ea92d5899e2aae2968c2d1" alt="Ustawienia ogłoszenia z licznikiem, polem tekstu ogłoszenia i opcjami kolorów" width="645" height="679" data-path="images/upcart/quickstart-announcement-settings-timer-text.png" />

Pamiętaj, aby w treści ogłoszenia z odliczaniem używać zmiennej `{TIMER}`, co zapewni poprawne działanie (np. „Ta oferta jest dostępna tylko przez {TIMER}.”). Unikaj kopiowania sformatowanego tekstu bezpośrednio z narzędzi zewnętrznych.

Gdy skończysz, koniecznie kliknij **Save** w prawym górnym rogu.

<div id="theme-level-issues">
  #### Problemy na poziomie motywu
</div>

* **Konflikty CSS lub aplikacji:** Upewnij się, że właściwości CSS takie jak `display: none;` nie ukrywają paska ogłoszeń. Sprawdź też, czy aplikacje firm trzecich nie nadpisują tych ustawień.
* **Widoczność tekstu:** Sprawdź, czy kolor tekstu paska ogłoszeń kontrastuje z tłem i w razie potrzeby dostosuj go w ustawieniach motywu.

<div id="advanced-debugging-steps">
  #### Zaawansowane kroki diagnostyczne
</div>

W przypadku uporczywych problemów przejrzyj błędy w konsoli przeglądarki pod kątem problemów ze skryptami wpływającymi na pasek ogłoszeń i tymczasowo wyłącz aplikacje firm trzecich, aby zlokalizować konflikty.

<div id="rewards">
  # Nagrody
</div>

Aby wyświetlić pasek postępu zachęcający klientów do większych zakupów, włącz moduł Rewards.

<div id="general-settings">
  ### **Ustawienia ogólne**
</div>

Ustaw kolory zgodne z Twoją marką oraz komunikat wyświetlany po osiągnięciu ostatniego progu nagród.

Wybierz podstawę naliczania nagród na karcie **Rewards calculation** poniżej ustawień ogólnych:

* **Cart total (\$)**: Śledzi łączną wartość koszyka
* **Cart quantity (#)**: Śledzi liczbę produktów

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-rewards-module-general-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=d702c06541f1304d2d2e742f79d62140" alt="Ustawienia ogólne modułu Rewards z kolorami paska i polami komunikatu po ukończeniu" width="600" data-path="images/upcart/quickstart-rewards-module-general-settings.png" />

<div id="tier-settings">
  ### **Ustawienia progów**
</div>

Wybierz rodzaj nagrody:

* [**Shipping**](https://help.shopify.com/en/manual/fulfillment/setup/shipping-rates/flat-shipping-rates): Odblokowuje darmową wysyłkę po osiągnięciu progu
* [**Discount**](https://help.shopify.com/en/manual/discounts/discount-types): Odblokowuje rabat po osiągnięciu progu
* [**Product**](/pl/upcart/set_up_a_free_product_reward_tier_in_upcart): Dodaje produkt do koszyka

To, czy postęp progów jest mierzony przed czy po rabatach, ustawia się raz dla całego paska za pomocą pola wyboru **Use pre-discounted prices for cart total** w sekcji **Rewards calculation** — nie jest to właściwość rodzaju nagrody.

Ustaw minimalny próg uruchamiający nagrodę i dostosuj pole **Title before achieving tier**. Możesz utworzyć maksymalnie **cztery progi nagród**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-rewards-settings-reward-type.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2085093e9f85cdd42ed163fab7d726db" alt="Ustawienia progów z wyborem rodzaju nagrody, minimalną kwotą i polami tytułu progu" width="600" data-path="images/upcart/quickstart-rewards-settings-reward-type.png" />

<Note>
  Ten zrzut ekranu pochodzi sprzed aktualnych etykiet: pokazuje sekcję jako „Rewards settings”, a pole jako „Text before achieving”. To te same elementy sterujące — obecnie nazywają się **Tier settings** i **Title before achieving tier**.
</Note>

<div id="upsells">
  # Upselle
</div>

Włącz **Use AI Recommended Upsells**, wybierz algorytm **Related** i włącz **Smart Variant Matching**, aby wstępnie wybierać pasujące warianty produktów na podstawie zawartości koszyka.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-upsells-settings-ai-recommended.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=65cddd8e07bfe9e9805ce76e43377ab3" alt="Ustawienia upselli z włączonymi rekomendacjami AI, algorytmem Related i inteligentnym dopasowaniem wariantów" width="600" data-path="images/upcart/quickstart-upsells-settings-ai-recommended.png" />

Dostosuj tytuł sekcji i etykietę przycisku **Add**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-upsell-fields-maximum-upsells.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=58ad7bd0311baa003f3ea5dae376505d" alt="Pola upselli z maksymalną liczbą wyświetlanych upselli i tekstem tytułu sekcji" width="600" data-path="images/upcart/quickstart-upsell-fields-maximum-upsells.png" />

<div id="add-ons">
  # Dodatki
</div>

Aby wyświetlić dodatek z przełącznikiem w stopce, możesz włączyć jedną z tych opcji:

<div id="shipping-protection">
  ### **Ochrona przesyłki**
</div>

Wybierz **Shipping Protection** i skonfiguruj dynamiczne progi cenowe w oparciu o wartość koszyka.\
Spowoduje to utworzenie rzeczywistego produktu w Twoim katalogu Shopify.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-shipping-protection-add-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=a8432cf06443d21b7c341a0942ef7d7e" alt="Ustawienia dodatku Shipping Protection z tytułem, opisem i progami cenowymi" width="862" height="708" data-path="images/upcart/quickstart-shipping-protection-add-settings.png" />

<div id="product-add-on">
  ### **Dodatek produktowy**
</div>

Przejdź na kartę **Product Add-On** i wybierz istniejący produkt, który chcesz zaoferować jako upsell.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-product-add-on-energy-drink.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=d7eaf37fa102b147636bfae244fef54c" alt="Karta dodatku produktowego z wybranym produktem Energy Drink i przyciskiem Change Product" width="862" height="428" data-path="images/upcart/quickstart-product-add-on-energy-drink.png" />

<div id="activating-upcart-on-your-store">
  # Aktywacja Upcart w Twoim sklepie
</div>

<div id="step-one-make-your-cart-live">
  ### Krok pierwszy: opublikuj swój koszyk
</div>

Gdy wszystko jest skonfigurowane, przejdź do **Manage All Carts** > wybierz koszyk, który chcesz aktywować > kliknij **Publish**.

Po opublikowaniu koszyk przenosi się do sekcji live w tabeli koszyków. Wyświetla ostrzegawczą odznakę **„App embed off”**, dopóki nie włączysz osadzenia aplikacji Upcart w swoim motywie, co jest kolejnym krokiem. Po włączeniu osadzenia odznaka zmienia się na zieloną odznakę **„Live”**, potwierdzającą, że koszyk jest widoczny w Twoim sklepie.

<Note>
  Osadzenie aplikacji decyduje o tym, czy koszyk wysuwany Upcart wyświetla się w Twoim sklepie. Jeśli masz skonfigurowane rabaty, te reguły pozostają aktywne w systemie rabatów Shopify nawet przy wyłączonym osadzeniu aplikacji.
</Note>

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-publish-cart-confirmation.gif?s=e8cc3d709577ee5a1ab9848afb9f6269" alt="Publikowanie koszyka w Upcart z otwartym oknem potwierdzenia Publish" width="2008" height="1080" data-path="images/upcart/quickstart-publish-cart-confirmation.gif" />

<div id="step-two-enable-theme-app-embed">
  ### **Krok drugi: włącz osadzenie aplikacji w motywie**
</div>

Aby aktywować Upcart w swoim motywie, przejdź do **Shopify Admin → Online Store → Themes → Customize → App embeds**, włącz osadzenie aplikacji **Upcart** i kliknij **Save**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-app-embed-toggle.gif?s=9244c8509f67622ebb4e1cc2af7ecebb" alt="Włączanie przełącznika Upcart Cart Drawer w panelu App embeds motywu Shopify" width="1352" height="1080" data-path="images/upcart/quickstart-app-embed-toggle.gif" />

Jeśli napotkasz jakiekolwiek problemy lub kłopoty ze zgodnością, śmiało skontaktuj się z naszym **czatem wsparcia**, aby uzyskać pomoc.
