> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🚀 Jak skonfigurować Upsell & Cross Sell > ℹ️ **Note:** Ten artykuł został automatycznie przetłumaczony za pomocą AI i może zawierać nieścisłości. Jeśli coś wygląda źle, skontaktuj się z naszym zespołem wsparcia. Chcesz zwiększyć średnią wartość zamówienia (AOV) pokazując odpowiednie zalecenia produktu w odpowiednim momencie? 🛍️ Dokładnie to. **Hoppy Upsell & Cross Sell** jest przeznaczony do. Za pomocą tej aplikacji możesz tworzyć oferty upsell & cross- sell, które pojawiają się: * 🛍️ W sprawie **Strona produktu** → poniżej przycisku Dodaj do koszyka * 🛒 W sprawie **Strona koszyka** → wewnątrz wózka * 🗂️ W **Drawer w koszyku** → podczas gdy klienci przeglądają swoje przedmioty * 📌 W **Niestandardowe położenie** → gdziekolwiek w temacie za pomocą bloku aplikacji Ten przewodnik prowadzi Cię przez tworzenie pierwszej kampanii upsell end-to-end - od wybrania miejsca do publikacji go na żywo w sklepie ✨ --- # **⚠️ Zanim zaczniesz** Dla każdej oferty upsell lub cross-sell, aby pojawić się w sklepie, **aplikacja osadzona** musi być włączona wewnątrz Shopify Motyw. Przejdź do: **Shopify Admin → Kanały sprzedaży → Sklep internetowy → Tematy → Edycja tematu → Oprawy aplikacji** Następnie: * Znajdź **"Upsell Cross- Sprzedaj suwak"** * Włączenie * Kliknij **Zapisz** 💡 Po pierwszym otwarciu aplikacji, **Podręcznik konfiguracji** na stronie głównej również prowadzi przez ten krok z **Otwórz edytor motywu** przycisk i weryfikacja jednego kliknięcia. ℹ️ Bez włączonej aplikacji, Twoje oferty nie będą renderowane w sklepie - nawet jeśli są publikowane wewnątrz aplikacji. --- # **⚙️ Krok 1 - Utwórz nowy upsell** Otwórz **Hoppy Upsell & Cross Sell** aplikacja z Twojego Shopify admin. Następnie: → Kliknij **Tworzenie nowych upsell** na górze strony, aby rozpocząć nową kampanię. Twoje istniejące upselle (jeśli istnieją) są wymienione na tej samej stronie, gdzie można również publikować, niepublikować, duplikować lub usunąć je. --- # **📍 Krok 2 - Wybierz miejsce** Następnie zapytają, gdzie powinna się pojawić oferta. Dostępne są 4 rodzaje lokowania: * **Strona produktu** → Wyświetla upsell & cross-sell bloki poniżej przycisku Dodaj do koszyka. Idealne dla "często kupowanych razem" zaleceń stylu. * **Strona koszyka** → Zachęca klientów do dodawania więcej podczas przeglądania koszyka. * **Drawer w koszyku** → Pokazy ofert wewnątrz szuflady na koszyki, tuż przed wymeldowaniem. * **Niestandardowe położenie** → Pozwala umieścić blok upsell gdziekolwiek w temacie za pomocą bloku aplikacji i **Identyfikator upsella**. → Kliknij **Wybierz ten typ** na karcie, która pasuje do twojego celu. 💡 Nie wiesz od czego zacząć? W **Strona produktu** lokowanie jest najczęstszym pierwszym wyborem - zalecenia pojawiają się dokładnie tam, gdzie zamiar zakupu jest najwyższy. Po wybraniu, strona konfiguracji otwiera się automatycznie z 3 zakładkami: * **Zawartość** → Jakie produkty do zaoferowania i co oferta mówi * **Projekt** → Jak wygląda oferta * **Umieszczenie** → Gdzie i komu się pojawia Po prawej stronie **podgląd na żywo** (Desktop & Mobile) aktualizacje podczas konfiguracji ustawień 👀 --- # **📝 Krok 3 - Konfiguracja karty zawartości** Tu decydujesz **Co?** Ty oferujesz. Wylądujesz tu pierwszy po wybraniu miejsca. --- ## **🏷️ Upsell Name** Wewnętrzna nazwa kampanii - klienci nigdy jej nie zobaczą. Użyj czegoś rozpoznawalnego, np.: * Lato Akcesoria Upsell * Czarny piątek Cross- Sprzedaj * Post- Zakup Booster 💡 Dobre nazewnictwo ułatwia później zarządzanie wieloma kampaniami. --- ## **🛍️ Wybierz produkty upsell** Kontrola ustawienia **które produkty** Polecam. Istnieją 4 opcje: ### **🤖 AI upsell (często kupowany razem)** Automatycznie zaleca produkty zasilane przez ShopifyZalecenia dotyczące produktu. Po wybraniu pojawia się dodatkowy wybór: * **Produkty pokrewne** → Podobne do tego, który jest oglądany * **Upsell Produkty uzupełniające** → Pozycje, które dobrze się z nim łączą ℹ️ Zalecenia dotyczące ptasiej grypy wykorzystują produkty powiązane / uzupełniające, które wprowadziłeś ShopifyJest wolny. **Szukaj & Odkryj** aplikacja. Przycisk skrótu jest wyświetlany w aplikacji, dzięki czemu można go otworzyć i skonfigurować tam zalecenia. ### **📦 Produkty szczegółowe** Hand- wybierz dokładne produkty do zaoferowania. Wybór tego ujawnia **Wybierz produkty** przycisk otwierający ShopifyWyszukiwarka produktów - idealna do promocji konkretnej pozycji lub rozliczania zapasów. ### **🗃️ Upsell Kolekcje specjalne** Polecam produkty z całych kolekcji. Wybór tego ujawnia **Wybierz kolekcje** Przycisk. ### **🔁 Upsell Ten sam produkt (Jak na stronie produktu)** Oferuje ten sam produkt, który obecnie ogląda klient - przydatny do zachęcania do zwiększania ilości lub dodawania wariantów. --- ## **⚙️ Dodatkowe ustawienia zawartości** Poniżej wyboru produktu, kilka dodatkowych ustawień fine- tune jak oferta zachowuje się: * **Auto Slide upsell by Interval** → Kiedy **Włączone**, produkt suwak obraca się automatycznie. An **Czas trwania przerwy** pole pojawia się, gdzie można ustawić prędkość obrotową w sekundach. ℹ️ Auto- slide automatycznie zatrzymuje się jak tylko klient kliknie w lewe / prawe strzałki nawigacyjne. * **Tytuł upsell** → Nagłówek przedstawiony powyżej zaleceń (np. _"Często kupowane razem"_ lub _"Dokończ swój wygląd"_). Do podstawowego formatowania dostępny jest bogaty edytor tekstu. * **Maksymalna liczba produktów** → Pojawia się tylko dla **AI Upsell** oraz **Zbiory szczegółowe**. Steruje, ile produktów są zawarte w suwak (domyślnie 3, do 10) - klienci przesuwają lub użyć strzałek, aby przeglądać je jeden na raz. * **Zawołanie do przycisku działania** → Wybierz pomiędzy: * **Dodaj do koszyka** → Dodaje produkt bezpośrednio do koszyka 🛒 * **Zobacz produkt** → Zabiera klienta do strony produktu * **Tekst przycisku (Przed dodaniem do koszyka)** → np. _Dodaj do koszyka_ * **Tekst przycisku (po dodaniu do koszyka)** → Pokazane po dodaniu pozycji, np. _Dodaj kolejny_ - zachęca klientów do dalszego dodawania więcej ✨ 🌐 **Tłumaczenie:** Jeśli sklep sprzedaje się w wielu językach, można przetłumaczyć tytuł upsell i przyciski tekstu na język bezpośrednio z zakładki Zawartość. Zobacz dedykowany przewodnik: Tłumaczenie → Gdy zawartość wygląda dobrze, kliknij **Kontynuuj projektowanie** (lub otworzyć **Projekt** bezpośrednio). --- # **🎨 Krok 4 - Karta projektu (krótki przegląd)** W **Projekt** zakładka kontroluje wygląd bloku upsell - kolory tła, odstępy, typografia, stylizacja przycisku i wiele więcej. Nie trzeba niczego zmieniać, aby przejść na żywo - domyślny projekt działa z pola i podgląd na żywo pokazuje dokładnie, jak się pojawi. Pełny opis każdej opcji stylizacji można znaleźć w: Design & Styling --- # **📌 Krok 5 - wybrać, gdzie pojawia się (Placement Tab)** W **Umieszczenie** karta decyduje **gdzie** oraz **kiedy** Twoja oferta się pojawiła. Tylko podstawowe są tu uwzględnione - zaawansowane zasady mają swój własny przewodnik. --- ## **👀 Wyświetlacz włączony (załącz)** Jest to najważniejsze ustawienie umieszczenia - określa, które strony pokazują ofertę. Dostępne opcje zależą od wybranej pozycji w kroku 2: **Dla strony produktu / pozycji użytkownika:** * **Wszystkie produkty** → Pokazuje na każdej stronie produktu * **Produkty szczegółowe** → ujawnia **Wybierz produkt** przycisk, aby wybrać dokładne strony * **Wszystkie produkty w konkretnych zbiorach** → ujawnia **Wybierz kolekcję** przycisk * **Wszystkie produkty z określonymi znacznikami** → Wyświetla pole, aby wprowadzić znaczniki (comma- separated) * **Niestandardowe położenie** → Umieszcza blok poprzez blok aplikacji w edytorze motywu **Dla koszyka Strona / Koszyk:** * **Strona koszyka** / **Drawer w koszyku** → Pokazuje w pozycji domyślnej w koszyku * **Niestandardowe położenie** → Umieszcza blok poprzez blok aplikacji ℹ️ Niestandardowe umieszczenie jest dostępne tylko dla strony produktu i koszyka. ### **📌 Niestandardowa pozycja - Upsell ID & Code Snippet** Po wybraniu **Niestandardowe położenie**, aplikacja pokazuje swoje **Identyfikator upsella** i kopia **kod snippet** po uratowaniu. Wkleisz je do bloku aplikacji edytora motywu, aby kontrolować dokładną pozycję oferty. Pełny opis: 🔎 Jak znaleźć identyfikator Upsella? --- ## **🚫 Nie wyświetlaj włączone (wyłączcie)** Użyj tego, aby ukryć ofertę z konkretnych stron: * **Nie wykluczaj żadnej strony produktu** (domyślnie) * **Nie pokazuj na stronach produktów w określonych zbiorach** → ujawnia **Wybierz kolekcje** przycisk * **Nie pokazuj na określonych stronach produktu** → ujawnia **Wybierz produkty** przycisk 💡 Wyłączenia są przydatne, gdy większość produktów powinna pokazać ofertę, ale kilka (jak karty podarunkowe) nie powinny. --- ## **🎯 Wyświetl tylko wtedy, gdy (Warunki)** Kontrola dokładnie wtedy, gdy oferta staje się widoczna: * ✅ **Zawsze wyświetlaj** (domyślnie) * **Minimalna liczba zamówień** → Ukazuje pole dla liczby zamówień * **Pokaż raz na klienta** * **Wartość koszyka jest poniżej** → Ukazuje pole wartości maksymalnej koszyka * **Ostatnie zamówienie było więcej niż X dni temu** → Pokazuje wartość + jednostka (dni / tygodnie / miesiące) * **Ostatnie zamówienie było w ciągu ostatnich X dni** → Pokazuje wartość + jednostka (dni / tygodnie / miesiące) ⚠️ Kiedy **Zawsze wyświetlaj** jest wybrany, żadne inne warunki nie mogą być połączone z nim - zrzec się go najpierw do tworzenia zasad warunkowych. Karta Placement zawiera również **Namierzanie czasu na miejscu**, **Namierzanie klientów** (status logowania, znaczniki, kwota wydawana), oraz **Cel geolokalizacji** (konkretne kraje). Są one szczegółowo opisane w specjalnym przewodniku: 🎯 Zaawansowane opcje wyznaczania celów dla Upsell & Cross Sell --- # **💾 Krok 6 - Zapisz vs Publish** Jest to kluczowe rozróżnienie do zrozumienia: * **Zapisz** → Przechowuje konfigurację, ale oferta jest **brak widoczności** Na twoim sklepie. Jak tylko zmienisz jakieś ustawienie, **Zapisz pasek** pojawia się na górze - kliknij **Zapisz** zachować zmiany lub **Wyrzucić** by je odwrócić. * **Publikuj** → Składa ofertę **na żywo** na swoim sklepie (tak długo, jak jest włączona aplikacja). Użyj **Publikuj** przycisk w prawym górnym rogu strony. ℹ️ Nowe upsell zaczyna się jako **Nieopublikowane** - zawsze kliknij **Publikuj** Po uratowaniu, kiedy będziesz gotowy na żywo. Z tej samej strony można później: * **Niepublikowana** → Odbiera ofertę ze sklepu bez usuwania * **Powielanie** → Tworzy kopię kampanii * **Usuń** → Na stałe usuwa go Odznaka obok nazwy kampanii zawsze pokazuje aktualny status: **Opublikowane** ✅ lub **Nieopublikowane**. --- # **✅ Krok 7 - potwierdzenie To na żywo.** Zaraz po publikacji na górze strony pojawia się baner potwierdzający: * Jeśli **aplikacja osadzona jest włączona** → zostaniesz poproszony o potwierdzenie, że oferta jest widoczna, z przyciskami **Otwórz sklep** i sprawdzić, czy wszystko wygląda dobrze. * Jeśli **aplikacja osadzona NIE jest włączona** → zobaczysz **Włącz wbudowaną aplikację** przycisk, który prowadzi Cię bezpośrednio do właściwego miejsca w edytorze motywu. Dla **Niestandardowe położenie** kampanie, **Dodaj blok aplikacji** pojawia się także przycisk, który otwiera edytor motywu, dzięki czemu można umieścić blok dokładnie tam, gdzie chcesz. Jeśli oferta nie pojawia się po publikacji, zobacz: Upsell & Cross Sell nie jest wyświetlanie na moim sklepie \[Naprawiono\] --- # **🎉 Wynik końcowy** Po skonfigurowaniu i opublikowaniu Twoja oferta upsell & cross- sell pojawi się automatycznie na wybranych stronach: ✅ Klienci widzą odpowiednie zalecenia produktu podczas zakupów ✅ Oferty pojawiają się na stronach produktów, na stronie koszyka, w szufladzie koszyka lub na niestandardowych pozycjach ✅ Dodaj do koszyka przyciski pracy bezpośrednio wewnątrz bloku upsell ✅ Warunki i wykluczenia zapewniają właściwym klientom odpowiednią ofertę ✅ Średnia wartość zamówienia dostaje naturalny impuls 📈 Dobrze ulokowana kampania upsell jest jednym z najprostszych sposobów na wzrost przychodów z ruchu już masz ✨ --- # **📚 Powiązane wytyczne** * 🎨 Upsell & Cross Sell - Design & Styling * 🎯 Zaawansowane opcje wyznaczania celów dla Upsell & Cross Sell * 🌍 Upsell & Cross Sell - Tłumaczenie * 🔎 Jak znaleźć identyfikator Upsella? * Upsell & Cross Sell nie jest wyświetlanie na moim sklepie \[Naprawiono\]