ℹ️ 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.liquidlub 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 identyfikatorKopiowanie 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 🚀

Aktualizowane na: 10/09/2026