Skip to main content
Blok Upsells pokazuje oferty produktowe w szufladzie koszyka, wybierane przez wybraną przez Ciebie Strategię. Gdy kupujący otwiera koszyk, blok wyświetla produkty zwracane przez Twoją Strategię na podstawie bieżącej zawartości koszyka i skonfigurowanych reguł targetowania.

Zwiększaj średnią wartość zamówienia, pokazując trafne oferty produktowe w momencie, gdy kupujący otwierają koszyk, korzystając ze Strategii, która decyduje, co pokazać, na podstawie zawartości koszyka i Twoich reguł targetowania.
W odróżnieniu od bloku Product add-on, który zawsze pokazuje jeden wybrany przez Ciebie produkt, Upsells jest napędzany Strategią, która decyduje, co pokazać.
Blok Upsells pokazujący wybrane przez strategię rekomendacje produktów w szufladzie koszyka

Zachowanie

  • Produkty są pobierane na żywo na podstawie bieżącego koszyka kupującego, więc oferty odzwierciedlają to, co faktycznie jest w koszyku.
  • Cała sekcja ukrywa się, gdy nie rozwiążą się żadne produkty — brak podpiętej Strategii, Strategia nic nie zwraca albo żaden ze zwróconych produktów nie nadaje się do kupienia. Kupujący nigdy nie widzą pustej sekcji Upsells.
  • Jeśli zwrócona oferta niesie rabat, kupujący widzi uczciwe przekreślenie i odznakę rabatu, a rabat jest stosowany przy checkoucie.

Ustawienia

Obsługiwane aplikacje recenzji

Obsługiwane są następujące aplikacje recenzji oparte na metafields: Shopify Product Reviews, Junip, Okendo, Growave, Fera, Stamped, Loox, REVIEWS.io, Automizely Reviews, Judge.me, Ali Reviews, Trustoo, Rivo, Rivyo i Vitals. Yotpo nie jest obsługiwane, ponieważ używa osobnego API zamiast metafields produktów.

Wygląd

Blok Upsells ma nadpisania wyglądu per blok w swoim panelu Design. Nadpisują one globalne ustawienia wyglądu koszyka tylko dla tego bloku. Pozostawienie wartości pustej dziedziczy ustawienie globalne.

Stylizacja tekstu

Blok Upsells zawiera sekcję Text w swoich ustawieniach Design. Użyj jej, aby kontrolować typografię poszczególnych elementów tekstowych na każdej karcie upsellu. Wybierz element tekstowy z selektora, aby dostosować jego ustawienia: Elementy tekstowe, które możesz stylizować, są pogrupowane według kategorii: Heading
  • Heading — nagłówek sekcji nad kartami upsellu (na przykład You may also like). Obsługuje też niestandardowy krój. Pogrubienie i kolor ustawiasz w Rich Text Editor powyżej.
Product
  • Product title — nazwa produktu na każdej karcie upsellu.
  • Review count — liczba recenzji pokazywana, gdy włączone jest Show product reviews.
Pricing
  • Price — bieżąca cena na każdej karcie.
  • Compare-at price — przekreślona cena oryginalna.
  • Discount — etykieta rabatu (na przykład 20% off).
Pozostawienie dowolnego pola pustego zachowuje domyślną wartość elementu.
Kliknięcie elementu tekstowego bezpośrednio w podglądzie koszyka podświetla go i automatycznie otwiera jego kontrolki w panelu.

Kolory kafelków

Recenzje

Gdy Show product reviews jest włączone, możesz dostosować kolory gwiazdek w sekcji Reviews panelu Design.

Umieszczenie i limity

  • Region: body lub bottom.
  • Maksimum: 1 na stan koszyka — wypełniony koszyk i pusty koszyk mają osobne limity.
  • Stan: zarówno wypełniony, jak i pusty koszyk.
  • Niedodawany domyślnie. Niezablokowany — możesz go usunąć lub ukryć.

Wybór strategii

Blok Upsells nie przychodzi pusty: jeśli nie ustawiono Strategii, Aftersell rozwiązuje strategię Shopify AI Twojego sklepu — tworząc ją, jeśli jeszcze jej nie masz — i wstawia ją, więc blok działa od razu. Otwórz selektor Strategy, aby ją zmienić. Selektor ma dwie grupy: Quick start
  • Create strategy from selected products — wybierz konkretne produkty bezpośrednio, a Strategia zostanie utworzona automatycznie.
  • Create strategy from scratch — otwiera edytor Strategii, abyś mógł budować reguły bez opuszczania edytora koszyka.
Strategies
  • Shopify AI recommendations — tworzy Strategię opartą o własne rekomendacje Shopify, nazwaną później wszędzie Shopify AI recommended products. Ta pozycja znika, gdy już ją masz, ponieważ sklep potrzebuje tylko jednej strategii Shopify AI.
  • Twoje istniejące Strategie, wylistowane po nazwie. Wpisz w pole wyszukiwania, aby je filtrować.
Po wybraniu Strategii jej nazwa pojawia się w wierszu strategii wewnątrz bloku.

Zarządzanie wybraną strategią

Po podpięciu Strategii w wierszu strategii pojawia się przycisk ••• (wielokropek). Kliknij go, aby otworzyć menu akcji:
  • Edit strategy — otwiera edytor Strategii w nowej karcie, dzięki czemu Twoja sesja edytora koszyka i wszelkie niezapisane zmiany pozostają nienaruszone. Ta opcja nie jest dostępna dla strategii rekomendowanej przez Shopify AI, która jest zarządzana automatycznie i nie ma edytowalnych reguł.
  • Remove from upsell — odłącza Strategię od tego bloku. Sama Strategia nie jest usuwana; pozostaje dostępna na Twojej liście Strategii.
Edytowanie Strategii w nowej karcie nie wpływa na sesję edytora koszyka — możesz wrócić do karty edytora koszyka i kontynuować konfigurację bez utraty pracy.

Szablon niestandardowy

Obsługuje szablon niestandardowy z zakładki Code, który zastępuje wbudowane znaczniki tego bloku Twoim JSX. Oto propsy, które otrzymuje.

Zawartość bloku

Dodawanie do koszyka

Istotne tylko, gdy layout to 'carousel'.

Karta upsellu

Każdy wpis w upsells: Każdy wpis w variants niesie id, title, price i compareAtPrice (surowe, niesformatowane, w głównej jednostce waluty jako ciągi znaków), availableForSale, imageUrl, sku oraz selectedOptions ([{ name, value }]).
Dostępność jest per kombinacja, nie per opcja. options daje grupy do wyrenderowania, ale to, czy dana selekcja jest do kupienia, znajduje się na pasującym wpisie w variants. Rozwiąż kombinację wybraną przez kupującego względem variants i bramkuj na availableForSale tego wpisu, zamiast zakładać, że każda wartość w options jest zamawialna.
priceLabel i compareAtLabel są już sformatowane do wyświetlania, podczas gdy variants[].price i variants[].compareAtPrice to surowe ciągi w głównej jednostce waluty. Nie mieszaj ich: pokazuj etykiety, a surowych wartości używaj tylko do porównań.

Wygląd

Stylizuj ten blok w jego sekcji Design w panelu ustawień. To nadpisania per blok, które nakładają się na Twój globalny wygląd i wracają do niego, gdy są puste. Czym są ustawienia wyglądu? Dowiedz się więcej tutaj: Ustawienia wyglądu.