> ## 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 ustawić zestaw Oferta na niestandardowe miejsce > ℹ️ **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, aby twoja oferta pakietowa się pojawiła _Dokładnie._ gdzie chcesz go na swojej stronie produktu - nie tylko poniżej przycisku Dodaj do koszyka? 🎯 To jest dokładnie to, co do **Własne umieszczenie** opcja Hoppy Bundles jest przeznaczony do. Domyślnie wyświetlana jest każda oferta pakietu **poniżej przycisku Dodaj do koszyka** automatycznie. Ale z Custom Placement, można umieścić ofertę w dowolnym miejscu na stronie produktu za pomocą: * 🧩 W **Hoppy Blok aplikacji w pakiecie** wewnątrz Shopify edytor motywu (nie wymaga kodowania!) * 📝 Mały **kod snippet** wklejona do kodu motywu lub sekcji Custom Liquid Ten przewodnik prowadzi Cię przez obie metody krok po kroku ✨ --- # **🤔 Kiedy należy użyć niestandardowe miejsce?** Własne umieszczenie jest przydatne, gdy chcesz: * Pokaż ofertę pakietu **powyżej** przycisk Dodaj do koszyka * Należy złożyć ofertę obok opisu produktu, obrazów lub recenzji * Przenieś ofertę niżej na stronie - na przykład poniżej szczegółów produktu * Masz pełną kontrolę nad dokładną pozycją wewnątrz układu tematu ℹ️ Roboty w zakresie umieszczania na zamówienie **tylko na stronie produktu**. Inne strony nie mają wpływu na to ustawienie. --- # **✅ Zanim zaczniesz** Przed ustawieniem miejsca na zamówienie upewnij się, że masz: * ✅ W **Hoppy Bundles** aplikacja zainstalowana w Twoim sklepie * ✅ A **Oferta pakietu** już utworzone (lub utworzyć nowy) * ✅ W **Zamieść aplikację** włączone w temacie (patrz następny krok) 💡 Te same kroki również działają na **Przerwa ilościowa** oferty - sekcja Placement wygląda i zachowuje się dokładnie tak samo. --- # **⚙️ Krok początkowy - Włącz wbudowaną aplikację** Aby oferta pakietu mogła pojawić się w dowolnym miejscu na Twoim sklepie, aplikacja osadzona musi być włączona wewnątrz Shopify Motyw. Przejdź do: **Shopify Admin → Kanały sprzedaży → Sklep internetowy → Tematy → Dostosuj → Osadzanie aplikacji** Następnie: * Znajdź **Oferta rabatu luzem** ( Hoppy Bundles embed) * Włączenie * Kliknij **Zapisz** ⚠️ Bez włączonej aplikacji, ani domyślne lokowanie, ani niestandardowe lokowanie nie będzie renderować na Twoim sklepie. --- # **🛠️ Krok 1 - Wybierz niestandardowe miejsce w ofercie** Otwórz **Hoppy Bundles** aplikacja i otworzyć ofertę pakietu chcesz umieścić ręcznie. Następnie: 1. Idź do **Ukierunkowanie i umiejscowienie** tab 2. Przewiń w dół do **Umieszczenie** sekcja 3. W dół, wybierz **Własny (tylko na stronie produktu)** zamiast _Poniżej Dodaj do koszyka przycisk (domyślnie)_ --- # **💾 Krok 2 - Zapisz ofertę jako pierwsza** Ten krok jest ważny ⚠️ W **Hoppy bundles ID** oraz **kod snippet** są generowane tylko **po zapisaniu oferty**. Jeśli wybierzesz _Własny_ umieszczenie w ofercie brand- new (unsaved), zobaczysz tę wiadomość zamiast: > _Zapisz, aby zobaczyć Hoppy bundles Identyfikator i kod_ Więc: 1. Kliknij **Zapisz** na górze strony 2. Powrót do **Ukierunkowanie i umiejscowienie → Umieszczenie** Teraz zobaczysz dwie rzeczy. 👇 --- # **🆔 Krok 3 - Kopiuj Hoppy bundles Snippet ID & Code** Po zapisaniu, sekcja Placement pokazuje: * **Hoppy bundles ID** → unikalny identyfikator dla tej konkretnej oferty, z ikoną kopiowania obok niego * **Hoppy bundles kod snippet** → skrót HTML, także z ikoną kopiowania: < div class = "futureblink- bundle- block" id = Your \_ BUNDLE \_ ID > < / div > ℹ️ Każda oferta ma swój unikalny identyfikator. Jeśli tworzysz wiele ofert pakietów, upewnij się, że skopiujesz ID / snippet z odpowiedniego. Teraz możesz złożyć ofertę używając **albo** z dwóch poniższych metod 👇 --- # **🧩 Metoda 1 - Umieść ofertę przy użyciu motywu Edytor aplikacji Block (zalecane)** Jest to najprostsza metoda - nie wymaga kodowania 🎉 W Hoppy bundles blok aplikacji może być dodawany, usunięty, przestawiony i dostosowany do potrzeb edytora motywu za pomocą identyfikatora zestawu. Wykonaj następujące kroki: 1. Idź do **Shopify Admin → Sklep internetowy → Tematy → Edycja tematu** 2. Na górze edytora motywu przełącz na **Produkty → Domyślny produkt** (lub szablon produktu, którego używasz) 3. Po lewej stronie, kliknij **Dodaj blok** wewnątrz sekcji produktu 4. Pod **Aplikacje** zakładka, wybierz **Hoppy Paleta** 5. W ustawieniach bloku wklej **Identyfikator pakietu** do **Identyfikator pakietu** pole 6. Przeciągnij blok w górę lub w dół, aby ustawić go dokładnie tam, gdzie chcesz, aby oferta się pojawiła 7. Kliknij **Zapisz** ⚠️ Jeśli zostawisz pole identyfikacyjne Bundle puste, blok pokaże _"Proszę skonfigurować ID do użycia bloku aplikacji"_ ostrzeżenie zamiast oferty - więc nie zapomnij wkleić ID! 💡 Możesz zmienić pozycję bloku w każdej chwili, po prostu przeciągając go w edytorze motywu - oferta będzie zgodna z pozycją bloku na stronie. --- # **📝 Metoda 2 - Umieść ofertę używając kodu Snippet** Użyj tej metody, jeśli chcesz umieścić ofertę wewnątrz określonego miejsca w swoim kodzie motywu, lub wewnątrz **Własny płyn** sekcja / blok. ## **Opcja A - Korzystanie z własnego bloku cieczy w edytorze motywu** 1. Idź do **Shopify Admin → Sklep internetowy → Tematy → Dostosuj** 2. Przełącz na **wzór produktu** 3. Kliknij **Dodaj blok** (lub **Dodaj sekcję**) → wybrać **Własny płyn** 4. Wklej kod z kroku 3: < div class = "futureblink- bundle- block" id = Your \_ BUNDLE \_ ID > < / div > 5. Ustaw blok, gdzie chcesz, aby oferta się pojawiła 6. Kliknij **Zapisz** ## **Opcja B - Bezpośrednio w Twoim kodzie motywu** 1. Idź do **Shopify Admin → Sklep internetowy → Tematy → Zagadnienia (trzy kropki) → Edycja kodu** 2. Otwórz swój szablon produktu - zazwyczaj coś w stylu `product.liquid`, `main-product.liquid`lub plik produktu JSON / section (dokładny plik zależy od Twojego motywu) 3. Wklej fragment dokładnie tam, gdzie chcesz pakiet oferta do renderowania: < div class = "futureblink- bundle- block" id = Your \_ BUNDLE \_ ID > < / div > 4. Kliknij **Zapisz** ⚠️ Edycja kodu motywu bezpośrednio może złamać układ jeśli wykonane nieprawidłowo. Jeśli nie jest Ci wygodnie edytować kod, użyj **Metoda 1** lub **Wariant A** zamiast - lub powielić swój motyw najpierw jako kopię zapasową. --- # **📌 Ważne uwagi i ostrzeżenia** * ⚠️ **Najpierw uratuj!** Identyfikator wiązki i snippet pojawiają się dopiero po tym, jak oferta zostanie zachowana przynajmniej raz. * ⚠️ Roboty w zakresie umieszczania na zamówienie **tylko na stronie produktu** - oferta nie zostanie podana na niestandardowych stanowiskach na innych stronach. * ⚠️ Upewnij się, że **Zamieść aplikację** jest włączona w Twoim temacie, w przeciwnym razie snippet / block pozostanie pusty w sklepie. * ℹ️ Snippet musi zachować dokładną nazwę klasy `futureblink-bundle-block` i twoja oferta jest unikalna `id` - nie zmieniaj nazwy, inaczej aplikacja nie znajdzie kontenera. * ℹ️ Każda oferta pakietu ma swoje **własny niepowtarzalny identyfikator**Kopiowanie fragmentu z jednej oferty i oczekiwanie na kolejną ofertę nie zadziała. * 💡 Jeśli przełączysz miejsce z powrotem do **Poniżej Dodaj do koszyka przycisk (domyślnie)**, aplikacja będzie renderować ofertę automatycznie ponownie - nie jest potrzebny dowód tożsamości lub snippet. --- # **🎉 Wynik końcowy** Po skonfigurowaniu wszystkiego: ✅ Twoja oferta pakietu pojawia się w dokładnej pozycji wybranej na stronie produktu ✅ Możesz ją zmienić w każdej chwili z edytora motywu (metoda App Block) ✅ Oferta pozostaje w pełni dynamiczna - ceny, rabaty i aktualizacje wariantów w czasie rzeczywistym ✅ Układ strony produktu wygląda dokładnie tak, jak go zaprojektowałeś. ✨ Korzystanie z własnego Umieszczenie daje pełną kontrolę nad tym, gdzie pakiet oferuje na żywo na stronie - więc idealnie pasują do projektowania sklepu i przepływu zakupów 🚀