Najlepsze praktyki checkoutu
Ten przewodnik pokazuje, jak w pełni wykorzystać widżety checkoutu Aftersell na Shopify Plus — od wyboru między Stronami a widżetami samodzielnymi, przez konfigurowanie upselli, odznak zaufania, nagród i opinii, po uruchamianie testów A/B i unikanie częstych błędów konfiguracji.
Widżety checkoutu są dostępne wyłącznie dla sprzedawców Shopify Plus ze względu na ograniczenia API Checkout Extensibility Shopify. Najlepsze praktyki upselli post-purchase znajdziesz w artykule Najlepsze praktyki post-purchase.
Aftersell oferuje dwa sposoby dodawania widżetów do checkoutu: Strony i Widżety samodzielne. Wybór właściwej struktury na początku oszczędza czas i pozwala uniknąć późniejszych konfliktów.
Strona to grupa widżetów, które współdzielą jeden zestaw wyzwalaczy. Gdy warunki wyzwalaczy są spełnione, wszystkie widżety na stronie wyświetlają się razem. Używaj Stron, gdy chcesz pokazać skoordynowany zestaw widżetów tej samej grupie odbiorców — na przykład upsell, odznaki zaufania i opinie pojawiające się razem dla konkretnego segmentu klientów.
Strony obsługują konfigurację z przewodnikiem, która rekomenduje widżety na podstawie wybranego przez ciebie celu:
- Increase AOV and conversion rate — Upselle, Odznaki zaufania, Opinie
- Build customer trust and reduce abandonment — Odznaki zaufania, Kontrolki koszyka, Tekst
- Promote add-ons and accessories — Upselle z polem wyboru, Obrazy, Opinie
- Encourage customers to reach free shipping threshold — Upselle (z Nagrodami), Tekst
Celu nie można zmienić po zapisaniu. Jeśli potrzebujesz innego celu, musisz usunąć stronę i utworzyć nową. Widżety można dodawać do strony i usuwać z niej w dowolnym momencie.
Widżety samodzielne działają niezależnie, każdy z własnymi wyzwalaczami i priorytetem konfigurowanym na poziomie wariantu. Używaj widżetów samodzielnych, gdy potrzebujesz pojedynczego widżetu działającego samodzielnie lub gdy potrzebujesz różnych warunków wyzwalania dla różnych widżetów.
Widżety samodzielne obsługują też testy A/B (Strony nie obsługują jeszcze testów A/B), więc wybierz widżety samodzielne, jeśli testowanie jest częścią twojej strategii.
Strony pozwalają na maksymalnie 5 bloków na typ widżetu. Widżety samodzielne pozwalają na maksymalnie 3 bloki na typ widżetu. Gdy wszystkie bloki są w użyciu, nie możesz tworzyć kolejnych widżetów tego samego typu, dopóki istniejący blok nie zostanie usunięty.
Upselle w checkoucie to twój główny generator przychodów na tym etapie. Celem jest zwiększenie AOV bez zwiększania porzucania checkoutu.
Wybierz właściwy tryb upsellu
Aftersell oferuje trzy tryby widżetu upsell:
- Single Product Upsell — pokaż jeden produkt z przyciskiem dodania do koszyka. Najlepszy do skupionych ofert o wysokim poziomie pewności, gdy dokładnie wiesz, czego klient prawdopodobnie chce.
- Multi-Product Upsell — pokaż wiele produktów w układzie stosu lub karuzeli. Klienci mogą zaakceptować wiele ofert. Najlepszy dla sklepów z szerokim katalogiem, gdy chcesz dać klientom wybór.
- Checkmark Upsell — pokaż pojedynczy produkt z polem wyboru zamiast przycisku dodania do koszyka. Najlepszy dla tanich dodatków, takich jak ochrona przesyłki, pakowanie na prezent czy przyspieszona realizacja, gdzie decyzja jest prosta i szybka. Uwaga: pole wyboru nie może być domyślnie zaznaczone ani automatycznie dodawać produktu do zamówienia. Shopify na to nie pozwala. Klient musi aktywnie zaznaczyć pole, aby dodać produkt.
Wybierz właściwą metodę doboru produktów
Każdy widżet upsell obsługuje kilka metod doboru produktów. Wybierz na podstawie swojego katalogu i strategii:
- Specific Products — ręcznie wybierz pojedyncze produkty do upsellu. Używaj, gdy chcesz mieć pełną kontrolę nad tym, co dokładnie się pojawia, na przykład podczas promocji sezonowej lub dla wyselekcjonowanych zestawień.
- Collection — wybierz kolekcję i wyświetlaj do 5 losowych produktów z niej. Produkty już znajdujące się w koszyku są automatycznie wykluczane. Używaj, gdy chcesz różnorodności w ramach wyselekcjonowanego zestawu bez ręcznego zarządzania pojedynczymi produktami.
- AI Recommendations — pozwól Aftersell automatycznie rekomendować produkty na podstawie zawartości koszyka klienta. Używaj, gdy masz duży katalog i chcesz spersonalizowanych rekomendacji bez ręcznej selekcji.
- Most Expensive Product — automatycznie proponuj najdroższy produkt z koszyka klienta. Używaj w scenariuszach cross-sell, gdy ponowne zaoferowanie flagowego produktu ma sens.
- Spend Threshold — rekomenduj produkty, które pomagają klientom osiągnąć próg darmowej wysyłki (wymaga włączonego widżetu nagród). Używaj razem z paskiem nagród, aby domknąć lukę między aktualną wartością koszyka klienta a celem darmowej wysyłki.
Zawsze dodawaj rabat do upselli w checkoucie
Zdecydowanie zalecamy dodanie rabatu do każdego widżetu upsell w checkoucie. Rabat daje klientom natychmiastową zachętę do dodania produktu do zamówienia i znacząco zwiększa wskaźniki akceptacji. Nawet niewielki rabat sygnalizuje wartość i może przesądzić o tym, czy klient zaangażuje się w ofertę, czy ją zignoruje.
Rabaty są konfigurowane bezpośrednio w widżecie upsell Aftersell i są automatycznie stosowane, gdy klient dodaje produkt z upsellu do zamówienia. Możesz wybrać istniejący rabat checkoutu Aftersell albo utworzyć nowy (procentowy lub kwotowy) bezpośrednio w edytorze widżetu. Pełne szczegóły konfiguracji rabatów znajdziesz w artykule Typy widżetów checkoutu.
Pamiętaj:
- Shopify pozwala tylko na jeden rabat na pozycję zamówienia dla produktu naraz. Jeśli produkt ma już zastosowany rabat, rabat upsell Aftersell nie skumuluje się na tej samej pozycji.
- Aby dwa rabaty się połączyły, oba muszą być jawnie ustawione jako „łączone” w panelu administracyjnym Shopify.
- Jeśli inna aplikacja dynamicznie modyfikuje twój checkout (na przykład przelicza ceny), rabaty Aftersell mogą nie zostać zastosowane zgodnie z oczekiwaniami.
Włącz gwiazdki opinii o produktach
Jeśli masz zainstalowaną kompatybilną aplikację opinii, włącz oceny gwiazdkowe produktów na swoich widżetach upsell. Oceny budują zaufanie i zwiększają prawdopodobieństwo, że klient zaakceptuje ofertę. Możesz ustawić minimalny próg oceny (domyślnie 4.0), aby gwiazdki wyświetlały się tylko przy dobrze ocenianych produktach.
Obsługiwane aplikacje opinii to m.in. Shopify Product Reviews, Judge.me, Okendo, Loox, Stamped i inne, które przechowują oceny w metafields produktów. Pełną listę znajdziesz w artykule Typy widżetów checkoutu.
Widżety treści, które zwiększają konwersję
Widżety treści nie oferują bezpośrednio produktów, ale ograniczają porzucanie checkoutu i budują zaufanie, co zwiększa ogólną konwersję.
Odznaki zaufania podkreślają funkcje bezpieczeństwa, gwarancje i korzyści dotyczące wysyłki. Mogą być ułożone pionowo lub wyświetlane poziomo.
Skuteczna treść odznak zaufania obejmuje:
- Bezpieczny checkout / szyfrowanie SSL
- Gwarancję zwrotu pieniędzy lub gwarancję satysfakcji
- Darmowe zwroty lub łatwe wymiany
- Darmową lub szybką wysyłkę
- Liczbę klientów lub zamówień („Zaufało nam ponad 50 000 klientów”)
Utrzymuj odznaki zwięzłe i używaj rozpoznawalnych ikon. Umieszczaj je blisko sekcji płatności, gdzie klienci najczęściej się wahają.
Flex Testimonials pobierają prawdziwe recenzje z twojej aplikacji opinii (Judge.me, Klaviyo, Okendo lub Yotpo) i wyświetlają je bezpośrednio w checkoucie. Opinie są automatycznie pobierane na podstawie produktów w koszyku klienta, więc każdy klient widzi recenzje związane z tym, co kupuje.
Recenzje synchronizują się automatycznie w ciągu 24 godzin od konfiguracji, a następnie co tydzień. Aby zaimportować recenzje natychmiast, przejdź do Settings > Product Reviews i kliknij Sync now.
Ustaw filtr minimalnej oceny (na przykład 4.0) i użyj opcji skracania, aby długie recenzje pozostały czytelne. Przycisk „Read more” pojawia się automatycznie przy recenzjach przekraczających twój limit znaków.
Pasek nagród pokazuje klientom, jak blisko są zdobycia darmowej wysyłki. Tworzy to naturalną zachętę do dodania kolejnych produktów do zamówienia.
Aby w pełni wykorzystać pasek nagród:
- Ustaw cel na podstawie Order Value lub Item Count
- Połącz go z widżetem upsell używającym typu produktu Spend Threshold, który automatycznie rekomenduje produkty pomagające klientom domknąć lukę do progu darmowej wysyłki
- Utwórz nagrodę darmowej wysyłki w Shopify, modyfikując swoje Shipping Rules tak, aby oferowały darmową wysyłkę przy docelowej wartości zamówienia
Pasek nagród i upsell progowy najlepiej działają w parze — pasek tworzy motywację, a upsell dostarcza produkt, który pozwala ją zrealizować.
Kontrolki koszyka pozwalają klientom modyfikować koszyk bezpośrednio na stronie checkoutu — zmieniać warianty, dostosowywać ilości, usuwać pozycje lub przechodzić na subskrypcję. Zmniejsza to tarcie i może zapobiec porzuceniom przez klientów, którzy w innym wypadku opuściliby checkout, aby wprowadzić zmiany.
Możesz kontrolować, przy których produktach wyświetlają się kontrolki koszyka, korzystając z ustawień widoczności: wszystkie produkty, tylko wybrane produkty albo wszystkie produkty z wyjątkiem wybranych. Pozwala to na przykład włączyć przejście na subskrypcję tylko dla kwalifikujących się produktów, bez pokazywania zbędnych kontrolek przy pozostałych pozycjach.
Wyzwalacze pozwalają kontrolować, którzy klienci widzą które widżety. Skuteczne używanie wyzwalaczy oznacza, że właściwi klienci widzą właściwe oferty we właściwym momencie.
Pełny zestaw dostępnych wyzwalaczy checkoutu:
- Produkty: konkretne produkty, konkretne kolekcje, ilość konkretnego produktu
- Koszyk: suma częściowa, ilość, zakup subskrypcji
- Rabat: tytuły zastosowanych rabatów, wartość rabatu
- Klient: kraj wysyłki, język klienta, tagi klienta, typ urządzenia
- Zaawansowane: grupa wyzwalaczy (łączenie wielu wyzwalaczy dla złożonej logiki)
Zacznij od bazowego „Pokaż wszystkim”
Zanim zbudujesz złożoną logikę wyzwalaczy, skonfiguruj swoje główne widżety tak, aby pokazywały się wszystkim klientom. Dzięki temu każda sesja checkoutu widzi twoje oferty, a ty masz punkt odniesienia do pomiarów, zanim zaczniesz segmentować.
Segmentuj wyzwalaczami produktowymi i koszykowymi
Najbardziej wpływowe wyzwalacze dla upselli:
- Konkretne produkty lub kolekcje — pokazuj komplementarny upsell, gdy konkretny produkt lub kolekcja znajduje się w koszyku
- Ilość konkretnego produktu — pokazuj widżet tylko wtedy, gdy klient ma określoną ilość konkretnego produktu (na przykład pokaż upsell z rabatem ilościowym, gdy klient ma 2 lub więcej sztuk produktu)
- Suma częściowa koszyka — pokazuj pasek nagród lub upsell tylko wtedy, gdy wartość koszyka jest w pobliżu progu (na przykład pokaż pasek nagród, gdy suma częściowa wynosi między $40 a $75, jeśli darmowa wysyłka zaczyna się od $75)
- Ilość w koszyku — pokazuj lub ukrywaj widżety w zależności od liczby pozycji w koszyku
- Zakup subskrypcji — pokazuj lub ukrywaj widżety w zależności od tego, czy jakakolwiek pozycja w koszyku jest subskrypcją
Używaj wyzwalaczy klienta do personalizacji
- Kraj wysyłki — pokazuj inną treść lub oferty w zależności od kraju wysyłki klienta
- Język klienta — wyświetlaj przetłumaczone widżety klientom, których język pasuje do określonego języka. Ustaw wyzwalacz na „is French” i przetłumacz wszystkie edytowalne pola widżetu na francuski
- Tagi klienta — targetuj klientów na podstawie tagów klientów Shopify. Używaj tego dla klientów VIP, poziomów lojalnościowych, kont hurtowych lub dowolnej innej segmentacji klientów skonfigurowanej w Shopify
- Typ urządzenia — pokazuj lub ukrywaj widżety w zależności od tego, czy klient korzysta z urządzenia mobilnego, czy z komputera. To szczególnie ważne dla strategii umiejscowienia (zobacz sekcję o zachowaniu checkoutu na urządzeniach mobilnych poniżej)
Łącz wyzwalacze zaawansowaną logiką
Użyj opcji Group of triggers, aby połączyć wiele warunków. Na przykład pokaż konkretny upsell tylko wtedy, gdy koszyk zawiera Produkt X ORAZ suma częściowa przekracza $50. Zapobiega to pojawianiu się nietrafionych ofert i poprawia doświadczenie klienta.
Umiejscowienie i branding
Miejsce, w którym umieścisz widżet w checkoucie, wpływa na to, jak chętnie klienci go zobaczą i wejdą z nim w interakcję. Ogólne wskazówki:
- Upselle — umieszczaj nad sekcją płatności, gdzie klienci aktywnie przeglądają zamówienie. Unikaj umieszczania upselli wewnątrz sekcji podsumowania zamówienia (zobacz uwagę o urządzeniach mobilnych poniżej).
- Odznaki zaufania — umieszczaj blisko sekcji płatności, gdzie wahanie jest największe.
- Pasek nagród — umieszczaj blisko góry checkoutu, aby klienci zobaczyli zachętę wcześnie i mieli czas na reakcję.
- Opinie — umieszczaj pod upsellem jako wzmocnienie dowodu społecznego albo blisko sekcji płatności.
Pamiętaj o zachowaniu checkoutu na urządzeniach mobilnych
Na urządzeniach mobilnych Shopify zwija sekcję podsumowania zamówienia do rozwijanego panelu, który jest domyślnie ukryty. Wszystkie widżety umieszczone w obszarze podsumowania zamówienia będą schowane pod tym panelem i większość klientów ich nie zobaczy. To domyślne zachowanie Shopify, na które Aftersell nie ma wpływu.
Widżety, które ma zobaczyć każdy klient (zwłaszcza upselle i paski nagród), umieszczaj poza sekcją podsumowania zamówienia, aby były widoczne zarówno na komputerze, jak i na urządzeniu mobilnym, bez konieczności rozwijania czegokolwiek przez klienta.
Użyj wyzwalacza typu urządzenia, aby utworzyć osobne konfiguracje widżetów dla urządzeń mobilnych i komputerów. Na przykład możesz pokazać uproszczony upsell pojedynczego produktu na urządzeniach mobilnych (gdzie miejsce na ekranie jest ograniczone) i karuzelę wielu produktów na komputerze. Albo umieścić widżet w podsumowaniu zamówienia dla użytkowników komputerów (gdzie jest zawsze widoczny) i użyć osobnego widżetu poza podsumowaniem zamówienia dla użytkowników mobilnych.
Jeśli twój widżet upsell jest umieszczony w podsumowaniu zamówienia i widzisz niskie wyświetlenia na urządzeniach mobilnych, to prawdopodobnie jest tego przyczyna. Przenieś widżet do sekcji poza podsumowaniem zamówienia lub użyj wyzwalacza typu urządzenia, aby pokazać klientom mobilnym widżet umieszczony w innym miejscu.
Po umieszczeniu widżetów w edytorze checkoutu Shopify zaznacz opcję „Include app block in Shop Pay”, jeśli chcesz, aby twoje widżety wyświetlały się także w checkoucie Shop Pay. Szczegóły konfiguracji znajdziesz w artykule Widżety w Shop Pay.
Dopasuj checkout do witryny sklepu
Checkout, który wygląda wizualnie inaczej niż witryna twojego sklepu, może podważać zaufanie i zwiększać porzucanie. Użyj Ustawień brandingu checkoutu, aby dopasować kolory przycisków, zaokrąglenie narożników i kolory tła checkoutu do designu twojego sklepu. Jeśli twój sklep nie jest na Shopify Plus, wprowadź te zmiany w edytorze checkoutu Shopify (Settings → Checkout → Customize). Zwróć szczególną uwagę na stylizację głównego przycisku — to najbardziej widoczny element checkoutu i powinien być spójny z przyciskami CTA twojej witryny.
Testy A/B to najskuteczniejszy sposób na poprawę wyników widżetów checkoutu. Pełne instrukcje konfiguracji znajdziesz w przewodniku Testy A/B w checkoucie.
- Testy A/B są obecnie dostępne tylko dla widżetów samodzielnych (Strony nie obsługują jeszcze testów A/B)
- Każdy widżet obsługuje dwie wersje (Wersja A i Wersja B) z automatycznym podziałem ruchu 50/50
- Testowanie porównuje treść w ramach jednego widżetu — nie możesz testować między różnymi typami widżetów ani różnymi umiejscowieniami
- Używaj terminologii Wersja A i Wersja B (nie „Layout” — to terminologia post-purchase)
Najbardziej wartościowe testy do przeprowadzenia
Testy widżetów upsell:
- Konkretny produkt vs. rekomendacje AI vs. najdroższy produkt
- Produkt komplementarny vs. ten sam produkt
- Rabat procentowy vs. rabat kwotowy
- Rabat vs. brak rabatu
- Upsell pojedynczego produktu vs. upsell z polem wyboru
- Aktywna oferta vs. Pusty (Pomiń), aby zmierzyć, czy pokazywanie upsellu pomaga, czy szkodzi ogólnej konwersji w checkoucie
Testy widżetów treści:
- Odznaki zaufania z konkretnymi odznakami vs. bez nich
- Różne wybory opinii
- Aktywna treść vs. Pusty (Pomiń), aby zmierzyć wpływ pokazywania widżetu
Testuj jedną zmienną naraz
Gdy zmieniasz wiele elementów naraz, nie da się stwierdzić, która zmiana przyniosła wynik. Utrzymuj testy czyste:
- Dobrze: rabat 10% vs. rabat 20% (jedna zmienna)
- Unikaj: rabat 10% + Produkt A vs. rabat 20% + Produkt B (dwie zmienne)
Używaj Pusty (Pomiń) jako grupy kontrolnej
To jeden z najbardziej wartościowych testów, jakie możesz przeprowadzić. Wersja pusta nie pokazuje niczego klientom, do których jest przypisana, dając ci prawdziwy poziom bazowy. Jeśli wersja pusta skutkuje wyższym współczynnikiem finalizacji checkoutu, widżet może szkodzić konwersji i wymaga ponownego przemyślenia.
Monitoruj porzucanie checkoutu razem z konwersją upselli
Wyższy wskaźnik akceptacji upselli nic nie znaczy, jeśli jednocześnie rośnie porzucanie checkoutu. Podczas trwania testów A/B śledź Checkout abandonment rate w zakładce Analytics > Checkout. W przypadku widżetów treści analityka per wersja również zawiera metrykę współczynnika porzucania checkoutu.
Używaj przychodu z upselli na zamówienie jako głównej metryki
Upsell revenue per order (przychód z upselli w checkoucie / kupione zamówienia) to zalecana metryka do mierzenia wyników widżetów checkoutu w czasie. Uwzględnia zarówno akceptację upselli, jak i ogólną finalizację zamówień, dając ci pełny obraz.
❌ Niezgodność umiejscowienia między Aftersell a Shopify — umiejscowienie wybrane w edytorze checkoutu Shopify musi odpowiadać umiejscowieniu ustawionemu w Aftersell (na przykład Default placement, Additional placement 1, Additional placement 2). Jeśli się nie zgadzają, widżet się nie pojawi lub wyświetli się w złym miejscu. To jedna z najczęstszych przyczyn niewyświetlania się widżetu. Napraw to →
❌ Widżet niewłączony w Aftersell — utworzenie i umieszczenie widżetu nie wystarczy. Musisz także włączyć widżet przełącznikiem w prawym górnym rogu ustawień widżetu w panelu Aftersell. Jeśli przełącznik jest wyłączony, widżet nie wyświetli się niezależnie od umiejscowienia. Napraw to →
❌ Brak ustawienia bloku aplikacji dla Shop Pay — jeśli chcesz, aby widżety checkoutu wyświetlały się w checkoucie Shop Pay, musisz zaznaczyć opcję „Include app block in Shop Pay” w edytorze checkoutu Shopify dla każdego widżetu. Domyślnie jest ona wyłączona. Napraw to →
❌ Brak bazowego „Pokaż wszystkim” — przechodzenie od razu do złożonej logiki wyzwalaczy bez wcześniejszego ustanowienia punktu odniesienia pokazującego widżety wszystkim klientom. Zacznij od „Pokaż wszystkim”, aby mieć dane o wynikach, a potem segmentuj wyzwalaczami na podstawie tego, czego się nauczysz. Napraw to →
❌ Kumulowanie rabatów, które się nie łączą — rabaty upsell Aftersell podlegają standardowym zasadom rabatów Shopify. Jeśli produkt ma już rabat i żaden z rabatów nie jest ustawiony jako „łączony” w panelu administracyjnym Shopify, rabat Aftersell nie zostanie zastosowany. Sprawdź ustawienia łączenia rabatów w Shopify, zanim uznasz, że rabat nie działa. Napraw to →
❌ Brak paska nagród obok upselli — uruchamianie widżetów upsell bez paska nagród to zmarnowana okazja, aby dać klientom powód do dodania więcej. Połącz pasek nagród z typem produktu spend threshold w widżecie upsell, aby upsell bezpośrednio pomagał klientom osiągnąć próg darmowej wysyłki. Napraw to →
❌ Brak testów z Pusty (Pomiń) — większość sprzedawców testuje różne oferty przeciwko sobie, ale nigdy nie sprawdza, czy pokazywanie widżetu w ogóle pomaga. Użyj Pusty (Pomiń) jako grupy kontrolnej, aby zmierzyć, czy widżet zwiększa, czy zmniejsza finalizację checkoutu. Napraw to →
❌ Uruchamianie tylko jednej wersji testu A/B — aby test A/B widżetu samodzielnego działał, obie wersje muszą być aktywne jednocześnie. Jeśli jedna wersja jest dezaktywowana, cały ruch trafia do pozostałej wersji i żadne dane porównawcze nie są zbierane. Napraw to →
Jeśli masz pytania dotyczące konfigurowania lub optymalizowania widżetów checkoutu, porozmawiaj z naszym zespołem wsparcia przez czat na żywo w prawym dolnym rogu aplikacji.