Skip to main content

Omówienie

Ta personalizacja zapobiega dodaniu wielu upselli naraz, ukrywając sekcję upsell natychmiast po zaakceptowaniu jednego upsellu. Po usunięciu upsellu moduł pojawia się ponownie. Przydaje się to, gdy chcesz:
  • Uprościć doświadczenie koszyka
  • Zmniejszyć zmęczenie decyzyjne
  • Utrzymać wrażenie ekskluzywności wybranych ofert

Jak to działa

  • Gdy klient akceptuje upsell, sekcja upsell zostaje ukryta
  • Jeśli produkt upsell zostanie usunięty, sekcja upsell staje się ponownie widoczna
  • Działa zarówno z upsellami rekomendowanymi przez AI, jak i ręcznymi

Gdzie dodać kod

  1. Przejdź do Upcart > Cart Editor > Settings > Custom HTML
Poniższy selektor dotyczy tylko wersji 1. .upcart-upsells-module znajduje się na karuzeli upselli V1. Jeśli Twój moduł Upsells jest w wersji 2, zamień go na .upcart-public-upsell we wszystkich trzech handlerach — reszta skryptu pozostaje bez zmian. Zobacz bibliotekę selektorów CSS V2.
  1. Wklej poniższy kod w lokalizacji Above announcements/rewards

Skrypt HTML do skopiowania

Uwaga dotycząca starszej wersji: wywołania zwrotne window.upcartOnItemRemoved, window.upcartOnAddUpsell i window.upcartOnCartLoaded nadal działają, ale są przestarzałe i generują ostrzeżenia w konsoli. We wszystkich nowych skryptach używaj upcartSubscribeItemRemoved, upcartSubscribeUpsellsAddedToCart i upcartSubscribeCartLoaded.

Rezultat

Po dodaniu tej personalizacji:
  • Klienci widzą upselle tylko wtedy, gdy nie zaakceptowali jeszcze żadnego
  • Moduł upsell zostaje ukryty natychmiast po dodaniu upsellu
  • Moduł pojawia się automatycznie ponownie, jeśli produkt upsell zostanie usunięty
  • Nie trzeba konfigurować identyfikatorów produktów ani tagów
Dzięki temu Twoje doświadczenie upsell pozostaje skoncentrowane, uporządkowane i łatwe w odbiorze dla klientów.

Nadal potrzebujesz pomocy?

Przy bardziej zaawansowanych personalizacjach zalecamy współpracę z ekspertem Shopify. Pomoże Ci on z HTML, CSS i JavaScriptem w Twoim cart drawer. Zobacz ekspertów Shopify