ℹ️ 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]

Aktualizowane na: 15/09/2026