> ## 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 umieścić Upsell & Cross Sell w pozycji Custom > ℹ️ **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 swój Upsell & Cross Sell widget pojawi się dokładnie gdzie _Ty_ chcesz - nie tylko w domyślnych miejscach? 🎯 To jest dokładnie to, co do **Niestandardowe położenie** opcja Hoppy Upsell & Cross Sell jest przeznaczony do. Zamiast polegać na automatycznym umieszczeniu aplikacji, Custom Position pozwala wybrać dokładne położenie widgetu używając: * 🧩 Motyw **Blok aplikacji** (nie jest konieczne kodowanie) * 📝 A **kod snippet** możesz wkleić do sekcji Własny płyn lub pliki motywu Jest to idealne rozwiązanie, gdy chcesz, aby widget siedział pomiędzy poszczególnymi sekcjami - na przykład, tuż pod opisem produktu, w zakładce lub nad całkami koszyka - więc wtapia się naturalnie w projekt sklepu ✨ --- # **🗺️ Gdzie działa niestandardowa pozycja** Niestandardowa pozycja może być używana na następujących stronach: * **Strona produktu** → gdziekolwiek wewnątrz szablonu produktu * **Strona koszyka** → gdziekolwiek wewnątrz szablonu koszyka ℹ️ Niestandardowa pozycja jest obsługiwana tylko na **Strona produktu** oraz **Strona koszyka**. **Drawer w koszyku** jest dynamicznie renderowane przez motyw, więc bloki aplikacji nie mogą być umieszczone wewnątrz niego - do szuflady koszyka, korzystać z dedykowanych **Drawer w koszyku** Zamiast tego typ lokowania. --- # **✅ Zanim zaczniesz** Przed ustawieniem pozycji na zamówienie należy upewnić się, że: * W **Upsell Cross- Sprzedaj aplikację suwak embed** jest włączona w temacie → **Shopify Admin → Sklep internetowy → Tematy → Edycja tematu → Oprawy aplikacji → Upsell Cross- Sprzedaj suwak → ON → Zapisz** ⚠️ Bez osadzonej aplikacji, skrypt widget nigdy się nie ładuje - więc nic się nie pojawi, nawet jeśli blok jest prawidłowo umieszczony. * Masz swoje **Identyfikator upsella** Przydatne. Nie wiesz, gdzie go znaleźć? Patrz 🔎 Jak znaleźć identyfikator Upsella? --- # **🛠️ Krok 1 - Włącz pozycję użytkownika w aplikacji** Istnieją dwa sposoby, aby włączyć Custom position - wybrać, który pasuje do sytuacji. ## **Opcja A - Utwórz nową aktualizację pozycji użytkownika** Otwórz **Hoppy Upsell & Cross Sell** aplikacja, a następnie: → Kliknij **Tworzenie nowych upsell** → Na ekranie typu umiejscowienia wybierz **Niestandardowe położenie** To tworzy nowy upsell, którego umieszczenie jest już ustawione na **Niestandardowe położenie** - skonfiguruje się jego zawartość i projekt jak zwykle, a następnie umieścić go na temat w kolejnych krokach. ## **Opcja B - przełączanie istniejącego upsella na pozycję niestandardową** Już mam **Strona produktu** lub **Strona koszyka** upsell? Możesz ją przekonwertować: → Otwórz upsell z deski rozdzielczej → Przejdź do **Umieszczenie** tab → Pod **Wyświetlacz włączony (załącz)**, otwórz miejsce zrzutu i wybierz **Niestandardowe położenie** 💡 Przełączanie na **Niestandardowe położenie** czyści automatyczne umieszczenie, więc widget pojawi się tylko tam, gdzie umieścić go samodzielnie w temacie. --- # **💾 Krok 2 - Zapisz, aby uzyskać swój upsell ID & Code Snippet** Custom Position działa poprzez dopasowanie swojego umieszczenia tematu do określonego upsell za pomocą jego **Identyfikator upsella**. Po zaznaczeniu **Niestandardowe położenie**: → Kliknij **Zapisz** Raz zapisane, **Umieszczenie** zakładka ujawnia dwa pozycje ready- to- kopiowanie: * **Identyfikator upsella** → unikalny identyfikator tego upsell (z przyciskiem kopiowania 📋) * **Upload code snippet** → gotowe HTML snippet (także z przyciskiem kopiującym) ℹ️ Pojawiają się tylko **po zapisaniu**. Jeśli widzisz "Zapisz, aby zobaczyć Upsell ID i kod Snippet", po prostu naciśnij Zapisz pierwszy. --- # **🧩 Krok 3 - Umieść widget na swoim temacie** Teraz wybierz jak chcesz umieścić widget. Obie metody pracy na **wzór produktu** oraz **wzór koszyka**. ## **Metoda 1 - Korzystanie z bloku aplikacji tematycznych (zalecane)** To najprostszy, niekodowany sposób. 🎉 → Przejdź do **Shopify Admin → Sklep internetowy → Tematy → Edycja tematu** → Od góry rozwijane, otworzyć szablon gdzie chcesz widget: * **Produkty → Domyślny produkt** (dla stron produktu) * **Wózek** (dla strony koszyka) → W lewym panelu kliknij **Dodaj blok** (lub **Dodaj sekcję**) → Pod **Aplikacje**, wybierz **Upsell Cross- Sprzedaj blok** → W ustawieniach bloku wklej **Identyfikator upsella** do **Identyfikator upsella** pole → Przeciągnij blok do preferowanej pozycji ⬆️⬇️ → Kliknij **Zapisz** 💡 Zaraz po opublikowaniu upsell, aplikacja pokazuje również **Dodaj blok aplikacji** przycisk skrótu w banerze potwierdzenia - otwiera edytor motywu bezpośrednio z blokiem gotowym do dodania. ⚠️ Jeśli **Identyfikator upsella** pole pozostaje puste, blok wyświetla "Proszę skonfigurować ID Upsell, aby używać App Block". Posiadacz zamiast widżetu - więc zawsze wklej ID. ## **Metoda 2 - Używanie własnego bloku cieczy / kodu** Preferować więcej kontroli, czy chcesz widget gdzieś nie są dostępne bloki aplikacji? Zamiast tego użyj kodu. → W edytorze motywu dodaj **Własny płyn** bloku lub sekcji, gdzie chcesz widget → Wklej **Upload code snippet** skopiowałeś z aplikacji. Wygląda tak: < div class = "upsell- cross- sell- block" id = Your \_ UPSELL \_ ID > < / div > → Kliknij **Zapisz** Aplikacja automatycznie znajduje to miejsce na stronie i renderuje pasujące widżet upsell wewnątrz - nawet jeśli motyw rerenderuje sekcję później 🔄 💡 Można również wkleić fragment bezpośrednio do plików Liquid Twojego motywu (np. wewnątrz sekcji produktu), jeśli jest Ci wygodnie edytować kod. --- # **📌 Ważne uwagi i ostrzeżenia** * ⚠️ **Aplikacja osadzona musi pozostać włączona** - obie metody zależą od **Upsell Cross- Sprzedaj suwak** aplikacja jest włączona. * ⚠️ **Zaprojektowane dla stron produktów i wózków** - Custom Position jest zbudowany i obsługiwany dla stron produktów i strony koszyka. Widget renders gdziekolwiek znajduje block / snippet placeholder na stronie, więc tylko umieścić go na tych szablonach - umieszczenie go gdzie indziej (jak strona główna lub kolekcje) nie jest obsługiwane i może spowodować nieoczekiwane wyniki. * 💡 **Jeden identyfikator = jeden upsell** - identyfikator upsell wewnątrz bloku lub snippet decyduje, który upsell pokazuje. Aby wyświetlić inny upsell, zmień się w jego ID. * 💡 **Wielokrotne staże** - można dodać ten sam blok lub fragment w więcej niż jednym miejscu (np. strona produktu _oraz_ strona koszyka) przy użyciu tego samego ID Upsell. * ⚠️ **Opublikuj swoje upsell** - upsell musi być **opublikowane** w aplikacji, inaczej nic nie robi w sklepie. * ℹ️ Warunki wyświetlania nadal obowiązują - w niestandardowych pozycjach nadal przestrzega się takich zasad jak status logowania klienta, geolokacja, wartość koszyka lub harmonogram. Patrz 🎯 Zaawansowane opcje wyznaczania celów dla Upsell & Cross Sell szczegóły. --- # **🎉 Wynik końcowy** Kiedy wszystko zostanie ustalone: ✅ Twój upsell widget pojawia się dokładnie tam, gdzie umieściłeś blok lub skrawek ✅ Automatycznie aktualizuje zawartość, projekt i ustawienia docelowe aplikacji ✅ Możesz swobodnie poruszać, usuwać lub ponownie dodawać pozycję w dowolnym momencie z edytora motywu - nie ma potrzeby ponownego dotykania aplikacji Oto jak to wygląda na stronie produktu: --- # **🛟 Rozwiązywanie problemów** Jeśli widget nie pojawia się po umieszczeniu: * 🔎 Double- sprawdzić **aplikacja osadzona** jest włączony i zapisany * 🔎 Potwierdź **Identyfikator upsella** w bloku pasuje upsell, który opublikowałeś * 🔎 Upewnij się, że umieściłeś blok na **produkt** lub **koszyk** wzór * 🔎 Weryfikacja upsell jest **opublikowane** i nie planowany poza obecną datą Nadal utknąłeś? Sprawdź Upsell & Cross Sell nie jest wyświetlanie w moim sklepie \[Naprawiono\] dla pełnej listy kontrolnej. --- # **📚 Powiązane wytyczne** * 🔎 Jak znaleźć identyfikator Upsella? * 🎨 Upsell & Cross Sell - Design & Styling * 🎯 Zaawansowane opcje wyznaczania celów dla Upsell & Cross Sell * Upsell & Cross Sell nie jest wyświetlanie na moim sklepie \[Naprawiono\]