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

# Typy widżetów checkoutu

> Ten dokument omawia różne widżety checkoutu, które możesz dodać z Aftersell, aby ulepszyć doświadczenie checkoutu w Shopify Plus

Do wyboru jest wiele opcji widżetów checkoutu. W tym artykule omówimy poszczególne opcje widżetów, ich działanie i dostępne dostosowania:

* [Upselle](#upsells)
* [Kontrolki koszyka](#cart-controls)
* [Nagrody](#rewards)
* [Odznaki zaufania](#trust-badges)
* [Opinie](#testimonials)
* [Notatki](#notes)
* [Obrazy](#images)
* [Tekst](#text)

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-editor-widget-cards.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=4b4512f2474f534bb8f93bfa67cb8701" alt="Edytor Checkout Aftersell z kartami widżetów dla upselli, kontrolek koszyka, nagród, odznak zaufania, notatek, obrazów i tekstu" width="1610" height="1756" data-path="images/aftersell/checkout-widget-types-editor-widget-cards.png" />

***

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

Oferuj klientom produkty podczas checkoutu, aby **pomóc zwiększyć swoje AOV.**

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-order-summary-sticker-pack.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=7d44a67d995c2093de1607118d760107" alt="Podsumowanie zamówienia w checkoucie z wyróżnioną ofertą upsell Sticker Pack z przyciskiem Add" width="2242" height="1358" data-path="images/aftersell/checkout-widget-types-order-summary-sticker-pack.png" />

Widżety upsell mają do wyboru kilka różnych konfiguracji.

* **Single Product Upsell:** zaoferuj klientowi jeden produkt.
* **Multi-Product Upsell:** pokaż wiele produktów w układzie stosu lub karuzeli. Pozwól klientom zaakceptować wiele ofert.
* **Checkmark Upsell:** proponuj pojedynczy produkt z polem wyboru zamiast przycisku dodania do koszyka. Jest to powszechnie używane dla tańszych dodatków, takich jak ochrona przesyłki czy priorytetowa wysyłka.

<div id="product-selection-options">
  ### Opcje doboru produktów
</div>

Tworząc oferty upsell, możesz wybrać sposób doboru produktów:

* **Specific Products:** ręcznie wybierz pojedyncze produkty do upsellu.
* **Collection:** wybierz kolekcję i wyświetlaj do 5 losowych produktów z tej kolekcji. Produkty już znajdujące się w koszyku są automatycznie wykluczane.
* **AI Recommendations:** pozwól Aftersell automatycznie rekomendować produkty na podstawie zawartości koszyka klienta.
* **Most Expensive Product:** automatycznie proponuj najdroższy produkt z koszyka klienta.

Przeglądając zakładkę **Products** w selektorze produktów, możesz zaznaczyć **Active products only**, aby ukryć produkty w wersji roboczej i zarchiwizowane. Ten filtr jest domyślnie wyłączony i dotyczy tylko zakładki Products — kolekcji nie obejmuje.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-shipping-protection-checkmark-upsell.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=29edf23c7c1712d357055d28bec148a9" alt="Checkout z wyróżnionym upsellem Shipping Protection z polem wyboru Yes add to order" width="2164" height="1032" data-path="images/aftersell/checkout-widget-types-shipping-protection-checkmark-upsell.png" />

<div id="product-types">
  ### Typy produktów
</div>

Dodając produkty do widżetu upsell, możesz wybrać spośród kilku typów produktów:

* **Specific product** — wybierz konkretny produkt ze swojego sklepu do wyświetlenia
* **Automatic upsell** — rekomenduje produkty komplementarne na podstawie zawartości koszyka, korzystając z dostawcy rekomendacji ustawionego w **Settings > Automatic upsells** (domyślnie Shopify, albo Nosto lub Constructor, jeśli je podłączysz)
* **Most expensive product** — pokazuje najdroższą pozycję z koszyka klienta
* **Spend threshold** — inteligentnie rekomenduje produkty, które pomagają klientom osiągnąć progi nagród (wymaga włączonego paska nagród)
* **Collection** — wyświetlaj produkty z konkretnej kolekcji
* **Strategy** — dynamicznie dobieraj produkt za pomocą targetowania opartego na regułach. Wyświetlane tylko w sklepach z włączonymi [Strategiami](/pl/aftersell/strategies_overview)

Typ produktu **spend threshold** współpracuje z paskiem nagród, aby sugerować produkty, które pomagają klientom osiągnąć cele takie jak darmowa wysyłka czy rabaty. Automatycznie wybiera najbardziej odpowiedni produkt na podstawie tego, jak blisko progu jest klient.

<div id="variant-name-display">
  ### Wyświetlanie nazwy wariantu
</div>

Gdy klient wybierze wariant produktu w upsellu w checkoucie, nazwa wariantu pojawia się jako mały, stonowany tekst pod tytułem produktu. Pomaga to klientom upewnić się, że dodają do zamówienia właściwy wariant.

Nazwa wariantu pojawia się tylko wtedy, gdy produkt ma wiele wariantów — jest ukryta dla produktów z jednym wariantem (tych z wyłącznie wariantem „Default Title”).

<div id="subscription-plan-locking">
  ### Blokowanie planu subskrypcji
</div>

* Gdy ukryjesz opcję wariantu, klienci nie zobaczą jej w upsellu w checkoucie.
* Wybrana przez ciebie wartość domyślna jest automatycznie stosowana do produktu.
* Klientom będą dostępne tylko warianty pasujące do wybranych przez ciebie wartości domyślnych.
* Jeśli ukryjesz wiele opcji, pokazane będą tylko warianty pasujące do wszystkich wybranych wartości domyślnych. Tworząc upselle dla produktów subskrypcyjnych, możesz zablokować upsell na konkretnym planie subskrypcji. Uniemożliwia to klientom zmianę planu subskrypcji w checkoucie, gwarantując, że otrzymają dokładnie tę opcję subskrypcji, którą skonfigurujesz.

**Jak skonfigurować blokowanie planu subskrypcji:**

1. Otwórz widżet upsell w edytorze Checkout.
2. Ustaw **Purchase option** na **Subscription**.
3. Na liście rozwijanej **Subscription plan** wybierz konkretny plan zamiast „Any plan (customer chooses)”.
4. Plan jest teraz zablokowany — klienci zobaczą ten plan w checkoucie, ale nie mogą go zmienić.

**Dostosowywanie wyświetlania zablokowanego planu:**

* Ukryj opcję Color i ustaw wartość domyślną na „Black”
* Pozostaw opcję Size widoczną
* Klienci zobaczą tylko opcje rozmiaru dla czarnej koszulki

Gdy plan jest zablokowany, możesz dostosować, jak wyświetla się klientom w checkoucie:

* **Show subscription option on checkout** — przełącz, czy wiersz opcji subskrypcji (etykieta + nazwa planu) pojawia się w checkoucie. Domyślnie włączone.
* **Subscription option label** — dostosuj etykietę wyświetlaną nad nazwą planu (domyślnie: „Subscription”). Na przykład możesz zmienić ją na „Subskrybuj”, „Dostawa” lub inne określenie pasujące do twojej marki.
* **Plan name** — nadpisz nazwę planu wyświetlaną w checkoucie. Domyślnie używana jest nazwa planu z Shopify.

**Ustawienia stylu upsellu**

Te kontrolki nie są związane z blokowaniem subskrypcji. Znajdują się w sekcji **Show style settings** w edytorze upselli, a cztery poniższe opcje obrazu i karty pojawiają się dopiero po zaznaczeniu **Try new look** (domyślnie wyłączone).

* **Product image corner radius** — zastosuj zaokrąglone narożniki do zdjęć produktów. Do wyboru:
  * None — kwadratowe narożniki
  * Base — lekko zaokrąglone narożniki
  * Large — bardziej zaokrąglone narożniki (domyślnie)
  * Fully Rounded — maksymalne zaokrąglenie
* **Product image size** — kontroluj wymiary obrazu:
  * Default — standardowy rozmiar (64px dla układów pionowych)
  * Small — mniejsze obrazy (48px dla pionowych, wyższe proporcje dla poziomych)
  * Medium — średnie obrazy (72px dla pionowych, kwadratowe proporcje dla poziomych) (domyślnie)
  * Large — większe obrazy (96px dla pionowych, niższe proporcje dla poziomych)
* **Product image display** — wybierz, jak obrazy wypełniają swój kontener:
  * Fill — obraz rozciąga się od krawędzi do krawędzi (domyślnie)
  * Bordered — dodaje widoczne obramowanie wokół obrazu
* **Card padding** — ustaw wewnętrzny odstęp między krawędzią karty a treścią:
  * None — brak odstępu
  * Tight — minimalny odstęp
  * Base — standardowy odstęp
  * Loose — maksymalny odstęp (domyślnie)
* **Button width style** — kontroluj, jak wyświetlana jest szerokość przycisku dodania do koszyka we wszystkich upsellach. Do wyboru:
  * Auto (domyślnie) — szerokość przycisku zmienia się w zależności od obecności selektorów wariantów
  * Compact (uniform small) — wszystkie przyciski używają kompaktowej szerokości dla spójnego rozmiaru
  * Full width (uniform large) — wszystkie przyciski używają pełnej szerokości dla spójnego rozmiaru

<Note>
  **Button width style** jest pokazywany dla każdego typu upsellu z wyjątkiem Checkmark i nie jest ukryty za opcją **Try new look**.
</Note>

**Plany są automatycznie blokowane, gdy:**

* Wybierzesz konkretny plan subskrypcji (jak opisano powyżej)
* Produkt ma tylko jeden dostępny plan subskrypcji

W obu przypadkach klienci nie mogą zmienić planu subskrypcji w checkoucie.

<div id="upsell-button-text">
  ### Tekst przycisku upsellu
</div>

Dla widżetów upsell innych niż checkmark możesz dostosować tekst wyświetlany na przyciskach upsellu. Te pola są dostępne, gdy funkcja jest włączona dla twojego konta — skontaktuj się ze wsparciem, aby poprosić o dostęp.

Domyślnie przyciski pokazują:

* **Add** dla standardowych upselli
* **Upgrade • \$X savings** dla upselli zamiennych, gdzie klient oszczędza pieniądze
* **Upgrade • \$X** dla upselli zamiennych, gdzie produkt kosztuje więcej

<div id="upsell-button-text-2">
  #### Tekst przycisku upsellu
</div>

Możesz dostosować tekst na przycisku dodawania dla upselli standardowych i zamiennych. Gdy wpiszesz własny tekst, sufiks oszczędności lub kosztu jest nadal dodawany automatycznie dla ofert zamiennych (np. `Buy Now • $5 savings`).

<div id="replacement-button-text">
  #### Tekst przycisku zamiany
</div>

Możesz ustawić osobny własny prefiks dla przycisku w ofertach zamiennych. Nadpisuje on zarówno domyślny prefiks „Upgrade”, jak i tekst wpisany w polu **Add button text** dla ofert zamiennych. Sufiks ceny (np. `• $5.00 savings`) jest zawsze dodawany automatycznie.

Na przykład wpisanie `Trade up` daje `Trade up • $5.00 savings` w ofercie zamiennej, w której klient oszczędza \$5.

> 💡 **Wskazówka:** symbol zastępczy `{Amount}` nie jest podstawiany w polu tekstu przycisku zamiany — jest traktowany jako zwykły tekst. Użyj pola **Upsell button text** z `{Amount}`, jeśli potrzebujesz pełnej kontroli nad formatem etykiety.

<div id="using-the-amount-placeholder">
  #### Używanie symbolu zastępczego `{Amount}`
</div>

Możesz umieścić `{Amount}` w polu **Upsell button text**, aby osadzić kwotę ceny lub oszczędności bezpośrednio w etykiecie. Gdy `{Amount}` jest obecny, twój tekst staje się całą etykietą przycisku — automatyczny sufiks nie jest dodawany.

| Tekst przycisku              | Typ oferty                 | Wynik                  |
| ---------------------------- | -------------------------- | ---------------------- |
| `Save {Amount} by upgrading` | Zamienna (oszczędności)    | `Save $5 by upgrading` |
| `Upgrade for {Amount} more`  | Zamienna (dodatkowy koszt) | `Upgrade for $5 more`  |
| `Get yours for {Amount}`     | Standardowy upsell         | `Get yours for $10`    |

Symbol zastępczy nie rozróżnia wielkości liter — `{Amount}`, `{amount}` i `{AMOUNT}` działają tak samo.

> ⚠️ **Uwaga:** jeśli użyjesz `{Amount}` w standardowym (niezamiennym) upsellu, podstawiona zostanie cena produktu. Symbol zastępczy jest zawsze zastępowany sformatowaną kwotą, więc darmowy produkt renderuje sformatowane zero (na przykład `\$0.00`), a nie pominięcie symbolu.

<div id="max-accepted-offers">
  ### Maksymalna liczba zaakceptowanych ofert
</div>

Dla widżetów **Single Product Upsell** i **Multi-Product Upsell** możesz ustawić limit liczby ofert, które klient może zaakceptować z jednego widżetu podczas sesji checkoutu.

Gdy klient zaakceptuje skonfigurowaną liczbę ofert, widżet przestaje pokazywać kolejne oferty do końca tej sesji checkoutu.

* **Pozostaw puste** — limit nie jest stosowany. Widżet nadal pokazuje oferty niezależnie od tego, ile klient już zaakceptował.
* **Ustaw liczbę dodatnią** — widżet przestaje wyświetlać oferty, gdy klient zaakceptuje z niego tyle ofert.

Aby skonfigurować to ustawienie, otwórz widżet upsell w edytorze Checkout i wpisz wartość w polu **Max number of accepted offers**.

> 💡 **Wskazówka:** to ustawienie nie jest dostępne dla widżetów Checkmark Upsell.

***

<div id="discounts">
  ### Rabaty
</div>

Rabaty można **konfigurować bezpośrednio w widżecie upsell**. Rabat jest automatycznie stosowany, gdy klient zdecyduje się dodać produkt z upsellu do zamówienia.

<div id="adding-a-discount-to-your-upsell">
  #### Dodawanie rabatu do upsellu
</div>

Konfigurując widżet upsell, możesz dodać rabat, klikając przycisk **„Add discount”**. Zobaczysz dwie opcje:

* **Pick existing** — wybierz spośród już utworzonych rabatów. Możesz przeszukać istniejące rabaty, aby znaleźć ten, który chcesz zastosować.
* **Create new** — utwórz nowy rabat bezpośrednio w edytorze, ustawiając:
  * **Title** — tekst kodu rabatowego pokazywany klientom w checkoucie (np. „SAVE”)
  * **Amount** — wybierz między rabatem procentowym a rabatem kwotowym, a następnie wpisz wartość

Gdy rabat zostanie zastosowany do upsellu, pojawia się jako odznaka, którą możesz kliknąć, aby go zmienić lub usunąć.

Wszystkimi rabatami checkoutu możesz zarządzać w jednym miejscu. Zobacz [Zarządzanie rabatami checkoutu](/pl/aftersell/managing_checkout_discounts), aby dowiedzieć się, jak przeglądać, edytować i usuwać rabaty.

<div id="hiding-the-discount-amount-text">
  #### Ukrywanie tekstu kwoty rabatu
</div>

Gdy do upsellu zastosowany jest rabat, sufiks oszczędności (np. „(20% OFF)” lub „(\$6 OFF)”) domyślnie pojawia się obok tytułu produktu. Możesz ukryć ten sufiks, włączając **Hide discount amount text** w sekcji **Show additional settings** edytora upselli.

* Gdy włączone, sufiks oszczędności jest ukryty. Sama obniżona cena nadal wyświetla się normalnie.
* Gdy wyłączone (domyślnie), sufiks oszczędności pojawia się obok tytułu produktu.

> 💡 **Wskazówka:** to ustawienie działa per widżet. Jeśli masz wiele widżetów upsell, możesz skonfigurować każdy z nich niezależnie.

<div id="customizing-the-discount-suffix-label">
  #### Dostosowywanie etykiety sufiksu rabatu
</div>

Tekst „OFF” w sufiksie oszczędności (np. „20% OFF”) można dostosować w **Settings > Translations**. Znajdź wiersz **Discount suffix** i wpisz preferowaną etykietę (np. „taniej”, „zniżki” lub przetłumaczony odpowiednik). Wartość domyślna to „OFF”.

<div id="showing-the-discounted-price-when-the-aftersell-discount-is-skipped">
  #### Pokazywanie obniżonej ceny, gdy rabat Aftersell jest pomijany
</div>

Gdy włączona jest opcja **Skip upsell discount if a non-Aftersell discount is already applied?**, widżet domyślnie ukrywa skonfigurowany rabat upsellu w cenie podglądowej. Jeśli twój rabat na poziomie koszyka już odpowiada rabatowi upsellu (więc klient płaci tę samą obniżoną cenę niezależnie od tego), możesz włączyć **Show the discounted price in the widget even when the AfterSell discount is skipped?**, aby cena podglądowa była zgodna z tym, co klient faktycznie zapłaci.

> ⚠️ **Ważne:** to ustawienie zmienia wyświetlaną cenę w widżecie zarówno w podglądzie, jak i dla rzeczywistych klientów, ale nie stosuje rabatu Aftersell. Włączaj je tylko wtedy, gdy rabat na poziomie koszyka dokładnie odpowiada rabatowi upsellu — w przeciwnym razie klienci mogą zobaczyć nieprawidłową cenę.

To pole wyboru jest widoczne tylko wtedy, gdy opcja **Skip upsell discount if a non-Aftersell discount is already applied?** jest już włączona.

<div id="limiting-how-many-units-get-the-discount">
  #### Ograniczanie liczby sztuk objętych rabatem
</div>

Domyślnie rabat obejmuje każdą sztukę zaakceptowanego produktu z upsellu — w tym dodatkowe sztuki, które klient doda za pomocą selektora ilości lub kontrolek koszyka. Możesz to ograniczyć przełącznikiem **Limit how many units get the discount**.

Po włączeniu pojawia się pole **Maximum discounted quantity**, w którym ustawiasz limit. Sztuki do limitu otrzymują rabat; dodatkowe sztuki są naliczane w pełnej cenie.

**Przykład:** oferujesz produkt z rabatem 100% i ustawiasz limit na 1. Jeśli klient zwiększy ilość do 3, tylko 1 sztuka jest darmowa — pozostałe 2 są naliczane w pełnej cenie.

* **Przełącznik wyłączony (domyślnie):** każda sztuka zaakceptowanego produktu z upsellu jest objęta rabatem.
* **Przełącznik włączony:** rabat otrzymuje tylko określona przez ciebie liczba sztuk. Dodatkowe sztuki są naliczane w pełnej cenie.

> 💡 **Wskazówka:** to ustawienie jest przydatne, gdy chcesz zaoferować mocny rabat (na przykład darmowy produkt) bez pozwalania klientom na mnożenie oszczędności przez zwiększanie ilości.

<div id="how-discounts-work">
  #### Jak działają rabaty
</div>

* Rabaty Aftersell podlegają tym samym zasadom co każdy inny rabat Shopify. Aby dwa rabaty się połączyły, oba muszą być jawnie ustawione jako łączone w panelu administracyjnym Shopify. Na przykład jeśli Aftersell tworzy kod rabatowy, a ty masz też osobny rabat, np. „10% off”, oba muszą mieć włączone łączenie. Jeśli którykolwiek z nich nie jest ustawiony na łączenie, nie połączą się. W całym procesie obowiązują standardowe zasady rabatowania Shopify:
  * Shopify pozwala tylko na jeden rabat na pozycję zamówienia dla produktu naraz. Jeśli produkt ma już zastosowany rabat, dodatkowy rabat upsellu nie skumuluje się na tej samej pozycji
  * Rabaty na poziomie zamówienia i na poziomie pozycji mogą się łączyć, jeśli oba są ustawione jako „łączone” w panelu administracyjnym Shopify. Pełne informacje o zasadach łączenia rabatów w Shopify znajdziesz w [dokumentacji łączenia rabatów Shopify](https://help.shopify.com/en/manual/discounts/combining-discounts/discount-combinations). **Ważne ograniczenia** Istnieje kilka scenariuszy, w których rabaty mogą się nie zastosować:
  * **Wiele rabatów na ten sam produkt:** jeśli rabat upsellu Aftersell jest skonfigurowany dla produktu, który ma już zastosowany rabat, rabat Aftersell się nie skumuluje
  * **Nieprawidłowa konfiguracja kolekcji:** jeśli rabaty targetują kolekcje, upewnij się, że wszystkie odpowiednie produkty należą do właściwej kolekcji. Ukrytych kolekcji można używać, aby objąć konkretne produkty bez pokazywania ich klientom
  * **Konflikty z aplikacjami zewnętrznymi:** funkcjonalność rabatów w checkoucie nie jest obecnie obsługiwana, gdy inna aplikacja dynamicznie modyfikuje twój checkout. Jeśli używasz aplikacji, która to robi, rabaty dodawane przez Aftersell mogą nie zostać zastosowane zgodnie z oczekiwaniami.
    Na przykład jeśli aplikacja dodaje ceny lub dodatki w checkoucie i przelicza sumę zamówienia, może to zakłócać sposób, w jaki Aftersell stosuje rabaty.

***

<div id="upsell-review-stars">
  ## Gwiazdki opinii w upsellach
</div>

Upselle w checkoucie mogą wyświetlać oceny gwiazdkowe na oferowanych produktach, aby pomóc zwiększyć konwersje. Oceny są pobierane z metafields twojej aplikacji opinii i pojawiają się tylko wtedy, gdy dla produktu istnieją prawidłowe dane recenzji.

* Pamiętaj, że jest to obecnie dostępne w wersji 2 Checkoutu Aftersell, a nie w wersji 1, ze względu na ograniczenia API.

**Jak włączyć**

* Otwórz **Checkout** i edytuj upsell.
* Włącz **Show product review ratings**.
* *(Opcjonalnie)* Otwórz **Advanced product review settings**, aby dostosować wyświetlanie.

**Ustawienia zaawansowane**

* Ustaw **minimalną ocenę** do wyświetlania (0-5, domyślnie 4.0).
* Wybierz, gdzie pojawiają się gwiazdki (**pod tytułem** lub **pod ceną**).
* Dostosuj **kolory wypełnionych i niewypełnionych gwiazdek**.
* Pokaż lub ukryj **ocenę liczbową** i **liczbę opinii**.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-advanced-product-review-rating.gif?s=79a908b28161dfb73225e0e02e773623" alt="Zaawansowane ustawienia ocen opinii o produkcie z polami minimalnej oceny, pozycji i kolorów gwiazdek" width="692" height="480" data-path="images/aftersell/checkout-widget-types-advanced-product-review-rating.gif" />

**Obsługiwane aplikacje opinii**\
Obsługujemy aplikacje opinii, które przechowują oceny w metafields produktów, w tym:

* Shopify Product Reviews
* Junip
* Okendo
* Growave
* Fera
* Stamped
* Loox
* REVIEWS.io
* Automizely Reviews
* Judge.me
* Ali Reviews
* Trustoo
* Rivo
* Rivyo
* Vitals

Oceny nie wyświetlą się dla produktów bez danych recenzji. Jeśli zainstalowanych jest kilka obsługiwanych aplikacji opinii, używana jest ta z największą liczbą recenzji. Yotpo nie jest obsługiwane dla ocen upselli w Checkout V2, ponieważ wymaga osobnego API.

<div id="troubleshooting-reviews-show-in-editor-but-not-on-live-checkout">
  ### Rozwiązywanie problemów: opinie widoczne w edytorze, ale nie w rzeczywistym checkoucie
</div>

Jeśli włączysz **Show product review ratings** i widzisz gwiazdki w podglądzie edytora, ale nie w rzeczywistym checkoucie, metafields twojej aplikacji opinii mogą nie mieć włączonego dostępu przez Storefront API.

Edytor odczytuje dane produktów przez Admin API (które ma dostęp do wszystkich metafields), podczas gdy rzeczywisty checkout odczytuje przez Storefront API (które ma dostęp tylko do metafields z jawnie przyznanym dostępem storefront). Gdy taka niezgodność zostanie wykryta, w edytorze pojawia się baner ostrzegawczy z listą produktów, których to dotyczy.

**Aby to naprawić:**

1. Przejdź do **Settings → Custom data → Products → Metafields** w panelu administracyjnym Shopify.
2. Znajdź definicje metafields `reviews.rating` i `reviews.rating_count`.
3. Włącz **Storefront API access** dla każdej definicji.

Możesz też sprawdzić w ustawieniach swojej aplikacji opinii opcję **Storefront API sync** i włączyć ją tam.

***

<div id="cart-controls">
  ## Kontrolki koszyka
</div>

Wyświetlaj link modyfikacji pod każdą pozycją produktu, aby umożliwić edycję bezpośrednio na stronie checkoutu.

Kontrolki koszyka obsługują następującą funkcjonalność:

* Selektor wariantu: pozwól klientom zmienić wariant na inny dostępny w magazynie.
* Selektor ilości: pozwól klientom zmienić ilość produktu.
* Usuwanie pozycji: pozwól klientom usuwać produkty z upselli. Włączenie **Show Remove Item Button** odsłania opcję **Allow Removal of Non-Upsell Products**, która rozszerza usuwanie na pozycje pierwotnie dodane przez klienta.
* Selektor subskrypcji: pozwól klientom zmienić aktualnie wybraną opcję subskrypcji (np. z co 60 dni na co 30 dni).
* Przejście na subskrypcję: pozwól klientom zamienić zakup jednorazowy na subskrypcję.
* Własny tekst: dodaj własny tekst pod każdą pozycją.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-cart-item-modify-link.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=d87925868df0eeeb6c34dc046b2b3f99" alt="Pozycja koszyka w checkoucie z wyróżnionym linkiem Modify i przyciskiem Upgrade to Subscribe and save" width="2210" height="702" data-path="images/aftersell/checkout-widget-types-cart-item-modify-link.png" />

<div id="product-review-ratings">
  ### Oceny opinii o produktach
</div>

Kontrolki koszyka mogą wyświetlać oceny gwiazdkowe produktów w koszyku, aby pomóc budować zaufanie i zwiększać konwersje. Oceny są pobierane z metafields twojej aplikacji opinii i pojawiają się tylko wtedy, gdy dla produktu istnieją prawidłowe dane recenzji.

**Jak włączyć**

1. Otwórz **Checkout** i edytuj widżet kontrolek koszyka.
2. Przejdź do sekcji **Product review ratings**.
3. Włącz **Show product review ratings**.
4. *(Opcjonalnie)* Dostosuj ustawienia wyświetlania.

**Ustawienia**

* Ustaw **minimalną ocenę** do wyświetlania (0-5, domyślnie 4.0). Produkty poniżej tej oceny nie pokażą gwiazdek.
* Wybierz, gdzie pojawiają się gwiazdki (**pod tytułem produktu** lub **pod kontrolkami koszyka**).
* Dostosuj **kolor wypełnionych gwiazdek** (domyślnie: #fdcc0d) i **kolor niewypełnionych gwiazdek** (domyślnie: #d1d5db).
* Pokaż lub ukryj **wartość oceny** (np. 4.5) i **liczbę opinii** (np. 123 opinie).

**Obsługiwane aplikacje opinii**\
Obsługujemy aplikacje opinii, które przechowują oceny w metafields produktów, w tym:

* Shopify Product Reviews
* Junip
* Okendo
* Growave
* Fera
* Stamped
* Loox
* REVIEWS.io
* Automizely Reviews
* Judge.me
* Ali Reviews
* Trustoo
* Rivo
* Rivyo
* Vitals

Oceny nie wyświetlą się dla produktów bez danych recenzji. Jeśli zainstalowanych jest kilka obsługiwanych aplikacji opinii, używana jest ta z największą liczbą recenzji.

<div id="subscription-products">
  ### Produkty subskrypcyjne
</div>

Sekcja **Subscription products** wewnątrz **Subscription management** pozwala kontrolować, które plany subskrypcji są dostępne dla kupujących dla konkretnych produktów w widżecie kontrolek koszyka.

Domyślnie selektor subskrypcji i przycisk przejścia na subskrypcję używają planów zwracanych przez Shopify dla danego produktu. Dzięki kontrolkom planów subskrypcji per produkt możesz zawęzić wybieralne plany i ustawić domyślny plan dla każdego produktu.

**Jak skonfigurować kontrolki planów subskrypcji:**

1. Otwórz widżet kontrolek koszyka w edytorze Checkout.
2. Rozwiń sekcję **Subscription management**.
3. W **Subscription products** wybierz **Add product** i wskaż produkt, który ma skonfigurowane plany sprzedaży w Shopify.
4. Otwórz wiersz produktu i użyj **Plans customers can choose** — wybierz **Select plans**, aby otworzyć selektor, a następnie zaznacz plany, które kupujący mogą wybrać. Wybrane plany pojawiają się jako usuwalne tagi, dostępna jest też akcja **Select all**.
5. Użyj listy rozwijanej **Default plan**, aby ustawić, który plan stosuje przejście na subskrypcję dla tego produktu. Jej własną wartością domyślną jest **First available plan**.
6. Zapisz zmiany.

<Note>
  **Subscription products** to nagłówek, a nie zwijany panel — sekcją, która się rozwija, jest **Subscription management**. Dopóki nie dodasz produktu, widnieje tam „No products added yet”, a kontrolki per produkt z kroków 4 i 5 pojawiają się dopiero, gdy istnieje wiersz produktu.
</Note>

**Jak to działa:**

* **Plans customers can choose** — zawęża selektor subskrypcji tylko do zaznaczonych planów. Jeśli wariant produktu nie obsługuje żadnego z nich, pokazywane są wszystkie własne plany tego wariantu, dzięki czemu kupujący nigdy nie zostają bez opcji subskrypcji.
* **Default plan** — ustawia plan, który przejście na subskrypcję stosuje dla tego produktu. Jeśli nie jest zgodny z wariantem w koszyku, używany jest pierwszy wybieralny plan.
* **Nieskonfigurowane produkty** — produkty bez wiersza w tej sekcji zachowują wszystkie swoje plany i używają domyślnej kolejności Shopify.

Sam przycisk przejścia na subskrypcję jest kontrolowany osobno, wyżej w **Subscription management**: zaznacz **Allow Subscription Upgrade Button**, aby go włączyć. Odsłania to pole tekstowe brzmienia przycisku, które domyślnie ma wartość `Upgrade to {{subscription_group}}` — zmienna jest zastępowana pierwszą grupą subskrypcji dostępną dla produktu.

> 💡 **Wskazówka:** jeśli zaznaczysz wszystkie dostępne plany dla produktu, konfiguracja normalizuje się z powrotem do „każdego planu”. Oznacza to, że wszelkie nowe plany dodane później w Shopify są automatycznie uwzględniane, zamiast być po cichu wykluczane.

<div id="product-targeting">
  ### Targetowanie produktów
</div>

Możesz kontrolować, przy których produktach wyświetlają się kontrolki koszyka, korzystając z ustawień **Visibility** w edytorze widżetu kontrolek koszyka:

* **All products in cart:** kontrolki koszyka pojawiają się przy każdym produkcie (domyślnie).
* **Only selected products:** kontrolki koszyka pojawiają się tylko przy wybranych przez ciebie produktach. Kliknij **Select products**, aby wybrać, które produkty mają wyświetlać kontrolki koszyka.
* **All products except selected:** kontrolki koszyka pojawiają się przy wszystkich produktach z wyjątkiem wybranych. Kliknij **Select products**, aby wybrać, które produkty nie mają wyświetlać kontrolek koszyka.

Pozwala to dostosować doświadczenie checkoutu do konkretnych produktów. Na przykład możesz chcieć włączyć przejście na subskrypcję tylko dla wybranych produktów albo uniemożliwić klientom usuwanie konkretnych pozycji z koszyka.

**Jak skonfigurować targetowanie produktów:**

1. Otwórz widżet kontrolek koszyka w edytorze Checkout.
2. Przejdź do sekcji **Visibility**.
3. Wybierz preferowany tryb targetowania z listy rozwijanej **Apply cart controls to**.
4. Jeśli wybierzesz **Only selected products** lub **All products except selected**, kliknij przycisk **Select products**, aby wybrać produkty.
5. Zapisz zmiany.

***

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

Pokaż pasek nagród (wydaj X, otrzymaj Y) w checkoucie, aby zachęcić do dodawania kolejnych produktów. Ten cel może opierać się na Order Value lub Item Count.

**Nagrody dobrze współgrają z widżetem upsell.** Ułatw klientowi dodanie dodatkowego produktu do zamówienia, aby zdobył nagrodę. Możesz użyć typu produktu **spend threshold** w widżecie upsell, aby automatycznie rekomendować produkty, które pomagają klientom osiągnąć próg nagrody.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-rewards-bar-progress-toward.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=514c2088fe4e8e6609eeb3d9a406ab46" alt="Pasek nagród w checkoucie pokazujący postęp w kierunku darmowej wysyłki wyróżniony nad koszykiem" width="2184" height="644" data-path="images/aftersell/checkout-widget-types-rewards-bar-progress-toward.png" />

**Pamiętaj**, wszelkie oferowane nagrody muszą zostać utworzone w Shopify. Można to zrobić, tworząc automatyczne rabaty (jeśli oferujesz rabat) lub modyfikując reguły wysyłki (jeśli oferujesz darmową wysyłkę).

<div id="amount-basis">
  ### Podstawa kwoty
</div>

Konfigurując nagrodę opartą na Order Value, możesz wybrać sposób obliczania sumy koszyka za pomocą ustawienia **Amount basis**:

* **Order total** — używa pełnej sumy zamówienia, łącznie z wysyłką i podatkami.
* **Subtotal** — używa sumy częściowej towarów sprzed rabatów (przed zastosowaniem kodów rabatowych).
* **Subtotal after discounts (excludes tax and shipping)** — używa sumy koszyka po odjęciu rabatów, wysyłki i podatków. Odpowiada to sposobowi, w jaki Shopify ocenia progi darmowej wysyłki, więc pasek nagród dokładnie odzwierciedla, czy klient rzeczywiście osiągnął próg po zastosowaniu kodu rabatowego.

> 💡 **Wskazówka:** jeśli oferujesz darmową wysyłkę jako nagrodę, użyj **Subtotal after discounts (excludes tax and shipping)**, aby pasek był zgodny z oceną darmowej wysyłki w Shopify. Przy innych podstawach kod rabatowy może sprawić, że pasek pokaże „odblokowane”, podczas gdy Shopify wciąż naliczy wysyłkę.

***

<div id="trust-badges">
  ## Odznaki zaufania
</div>

Buduj odznaki zaufania z własnymi ikonami i tekstem, aby zwiększyć współczynnik konwersji w checkoucie. Odznaki mogą być ułożone pionowo lub wyświetlane poziomo.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-trust-badges-secure-payments.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=1c37b9c78f1d7e7bd61a288190606fde" alt="Odznaki zaufania w checkoucie dla Secure Payments, 30-Day Guarantee i Fast Shipping z ikonami" width="2290" height="1036" data-path="images/aftersell/checkout-widget-types-trust-badges-secure-payments.png" />

Odznaki zaufania świetnie budują **poczucie zaufania** do twojej marki i podkreślają twoją propozycję wartości, co może pomóc **obniżyć współczynnik porzuconych checkoutów.**

***

<div id="testimonials">
  ## Opinie
</div>

Wyświetlaj recenzje klientów bezpośrednio w checkoucie, aby budować zaufanie i obniżyć współczynnik porzuconych checkoutów.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-testimonial-five-star-customer.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=6806b0ce19354c34095e9433982601c4" alt="Opinia w checkoucie z wyróżnionym pięciogwiazdkowym cytatem recenzji klienta pod sumą" width="2138" height="1252" data-path="images/aftersell/checkout-widget-types-testimonial-five-star-customer.png" />

<div id="testimonials-modes">
  ### Tryby opinii
</div>

Aftersell oferuje dwa typy widżetów opinii:

* **Classic Testimonials** — opinie, które piszesz samodzielnie. Nadal dostępne; Flex Testimonials to nowsza opcja, która pobiera prawdziwe recenzje z twojej aplikacji opinii.
* **Flex Testimonials** — automatycznie pobiera recenzje klientów z twojej aplikacji opinii (Judge.me, Klaviyo, Okendo lub Yotpo). To zalecana opcja dla wszystkich sprzedawców.

<div id="switching-from-classic-to-flex-testimonials">
  ### Przejście z Classic na Flex Testimonials
</div>

Jeśli używasz Classic Testimonials, warto przejść na Flex Testimonials, aby wyświetlać recenzje z twojej aplikacji opinii:

1. Otwórz **Checkout** w Aftersell
2. Przejdź do zakładki widżetu **Classic Testimonials**
3. Kliknij **Switch to review app widget** w banerze u góry
4. Skonfiguruj dane uwierzytelniające aplikacji opinii w **Settings > Product Reviews** (zobacz [Integracje aplikacji opinii](#review-app-integrations) poniżej)

Możesz wrócić w każdej chwili, klikając **Switch back to manually written reviews** na banerze wyświetlanym, gdy aktywne są Flex Testimonials.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-review-app-banner.gif?s=9640e4164e7ce4834ad1305a608ed5a6" alt="Baner Aftersell zachęcający do przejścia na widżet aplikacji opinii z prawdziwymi recenzjami klientów" width="3696" height="1080" data-path="images/aftersell/checkout-widget-types-review-app-banner.gif" />

<div id="flex-testimonials-configuration">
  ### Konfiguracja Flex Testimonials
</div>

Flex Testimonials oferują dwa tryby wyboru:

* **Manual selection** — wybierz konkretne recenzje do wyświetlania w widżecie opinii
* **Dynamic** — automatycznie pobieraj i wyświetlaj recenzje na podstawie produktów w koszyku klienta

<div id="dynamic-mode">
  #### Tryb dynamiczny
</div>

W trybie dynamicznym Aftersell importuje recenzje z twojej aplikacji opinii i przechowuje je, aby mogły być wyświetlane w widżecie checkoutu. Pierwszy import następuje automatycznie w ciągu 24 godzin, a potem raz w tygodniu.

Aby zaimportować recenzje natychmiast, przejdź do **Settings > Product Reviews** i kliknij **Sync now** przy swojej aplikacji opinii.

Możesz skonfigurować:

* **Max reviews to show** — kontroluj, ile recenzji się pojawia, od 1 do 3
* **Display type** — wybierz między układem poziomej karuzeli a pionowego stosu
* **Minimum rating** — ustaw minimalną ocenę gwiazdkową dla wyświetlanych recenzji
* **Truncate review text after (optional)** — ustaw maksymalną długość tekstu recenzji w znakach. Gdy recenzja przekracza ten limit, jest przycinana wielokropkiem i pojawia się przycisk „Read more”. Kliknięcie „Read more” otwiera okienko z pełną recenzją. Pozostaw puste, aby nie stosować limitu (domyślnie).

<div id="review-app-integrations">
  ### Integracje aplikacji opinii
</div>

Aby korzystać z Flex Testimonials, musisz skonfigurować dane uwierzytelniające aplikacji opinii w **Settings > Product Reviews**. Aftersell obsługuje:

* **Judge.me** — wymaga twojego prywatnego tokenu API
* **Klaviyo** — wymaga twojego prywatnego klucza API
* **Okendo** — wymaga twojego User ID
* **Yotpo** — wymaga twojego App Key

Instrukcje konfiguracji znajdziesz w następujących przewodnikach:

* [Integracja Judge.me](/pl/aftersell/judgeme_reviews_integration)
* [Integracja Klaviyo](/pl/aftersell/klaviyo_reviews_integration)
* [Integracja Okendo](/pl/aftersell/okendo_reviews_integration)
* [Integracja Yotpo](/pl/aftersell/aftersell_yotpo_reviews_integration)

***

<div id="notes">
  ## Notatki
</div>

Pozwala klientom dodawać notatki do zamówienia. Notatki mogą być pisane ręcznie przez klienta albo być notatkami gotowymi. Gotowe notatki świetnie sprawdzają się, gdy twój sklep oferuje pakowanie na prezent lub opakowania ekologiczne, a ty chcesz dać klientom łatwy sposób na wyrażenie zgody.

***

<div id="images">
  ## Obrazy
</div>

Prześlij własny obraz, który można wstawić do checkoutu.

***

<div id="text">
  ## Tekst
</div>

Wstaw do checkoutu baner z wybranym przez ciebie tekstem.

Wybierz spośród **czterech różnych stylów** widżetu tekstowego.

* **Information:** niebieskie tło z niebieską ikoną informacji.
* **Success:** zielone tło z zieloną ikoną znacznika wyboru.
* **Critical:** czerwone tło z czerwoną ikoną wykrzyknika.
* **Warning:** żółte tło z żółtą ikoną trójkąta ostrzegawczego.