ℹ️ 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 rozbudować swoją listę e-mailową bezpośrednio ze sklepu? 🚀

Pasek zbierania adresów e-mail w Hoppy Announcement Banner ułatwia przechwytywanie adresów e-mail odwiedzających i zamianę przypadkowych przeglądających w subskrybentów — wszystko bez opuszczania Twojego sklepu Shopify.

Po skonfigurowaniu klienci mogą subskrybować bezpośrednio z paska, a Ty możesz nagradzać ich automatycznym kodem kuponu, aby zachęcić do zapisów ✨

✅ Zanim zaczniesz

Przed utworzeniem paska zbierania adresów e-mail upewnij się, że:

• Aplikacja Hoppy Announcement Banner jest zainstalowana w Twoim sklepie Shopify
• Twój motyw Shopify ma włączony Announcement Banner app embed (osadzenie aplikacji Announcement Banner)

Jeśli jeszcze nie włączyłeś osadzenia aplikacji, przejdź do:

Shopify Admin → Sales Channels → Online Store → Themes → Edit Theme → App Embeds

Następnie włącz przełącznik Announcement Banner i kliknij Save (Zapisz).

🛠️ Krok 1 — Utwórz nowy pasek zbierania adresów e-mail

Otwórz aplikację Hoppy Announcement Banner w panelu Shopify Admin.

Następnie:

→ Kliknij Create New Announcement (Utwórz nowe ogłoszenie)

→ Wybierz Email Collection Bar (Pasek zbierania adresów e-mail)

→ Wybierz Preset (ustawienie wstępne), które pasuje do stylu Twojego sklepu, lub kliknij Make your Own (Utwórz własny), aby zacząć od zera

Po wybraniu strona konfiguracji otworzy się automatycznie.

⚙️ Krok 2 — Skonfiguruj zawartość

Po otwarciu strony konfiguracji znajdziesz się w zakładce Content (Zawartość).

Ta sekcja kontroluje to, co widzą Twoi odwiedzający i jak zachowuje się formularz zbierania adresów e-mail.

🏷️ Announcement Name (Nazwa ogłoszenia)

To pole służy wyłącznie do użytku wewnętrznego.

Klienci nigdy nie zobaczą tej nazwy.

Użyj dowolnej rozpoznawalnej nazwy, takiej jak:

• Pasek zapisu do newslettera
• Baner oferty powitalnej
• Budowniczy listy e-mailowej

💡 Używanie właściwych nazw wewnętrznych ułatwia późniejszą identyfikację konfiguracji, szczególnie jeśli Twój sklep prowadzi wiele kampanii.

📝 Title & Subheading (Tytuł i podtytuł)

To główne komunikaty wyświetlane odwiedzającym.

• Title (Tytuł) — Nagłówek paska zbierania adresów e-mail. Użyj edytora tekstu sformatowanego, aby sformatować go według własnych upodobań.
• Subheading (Podtytuł) — Komunikat pomocniczy pod tytułem (opcjonalny).

Przykład

• Title: „Dołącz do naszej listy VIP i otrzymaj 15% zniżki”
• Subheading: „Bądź pierwszym, który dowie się o nowościach i ekskluzywnych ofertach”

💡 Jasny i przekonujący tytuł pomaga zwiększyć współczynnik zapisów 📈

🔘 Button Text (Tekst przycisku)

To tekst wyświetlany na przycisku subskrypcji obok pola wprowadzania adresu e-mail.

Przykłady

• „Subskrybuj"
• „Odbierz moją zniżkę"
• „Dołącz do klubu"
• „Odbierz ofertę"

✉️ Email Placeholder (Tekst zastępczy adresu e-mail)

To tekst podpowiedzi wyświetlany w polu wprowadzania adresu e-mail, zanim odwiedzający zacznie pisać.

Przykład

• „Wpisz swój adres e-mail"
• „Twój adres e-mail"

🎉 Success Message (Komunikat o sukcesie)

Ten komunikat pojawia się po pomyślnym przesłaniu adresu e-mail przez odwiedzającego.

Przykład

• „Witamy na pokładzie! Sprawdź swoją skrzynkę odbiorczą, aby znaleźć kod zniżkowy 🎉"
• „Dziękujemy za subskrypcję!"

⚠️ Jeśli oferujesz kod kuponu, dobrze jest wspomnieć o nim w komunikacie o sukcesie, aby klienci wiedzieli, czego mogą się spodziewać.

🏷️ Coupon Code (Kod kuponu)

Chcesz nagradzać nowych subskrybentów zniżką? Możesz dodać kod kuponu, który pojawi się po przesłaniu przez nich adresu e-mail.

→ Wprowadź swój Coupon Code (kod kuponu)

→ Zaznacz Show copy button (Pokaż przycisk kopiowania), jeśli chcesz, aby klienci mogli łatwo skopiować kod jednym kliknięciem

⚠️ Ważne:

• Domyślny kod kuponu „PROMO123" to tylko placeholder i nie zadziała przy kasie, chyba że w Shopify istnieje zniżka z tym kodem.
• Pamiętaj, że wpisanie kodu kuponu w naszej aplikacji nie tworzy automatycznie zniżki Shopify.
• Zanim wyświetlisz kod kuponu za pomocą naszej aplikacji, musisz najpierw utworzyć odpowiednią zniżkę w Shopify Admin → Discounts (Zniżki). Po utworzeniu zniżki możesz użyć tego samego kodu w naszej aplikacji, aby wyświetlić go klientom po zapisie.

❌ Close Icon (Ikona zamykania)

Włącz tę opcję, jeśli chcesz, aby odwiedzający mogli zamknąć pasek zbierania adresów e-mail.

Po włączeniu możesz również kontrolować, kiedy pasek pojawi się ponownie:

• Appear again after (Pojaw się ponownie po) — Ustaw liczbę
• Unit (Jednostka) — Wybierz hours (godziny) lub days (dni)

Pomaga to uniknąć irytowania powracających odwiedzających, jednocześnie dając nowym odwiedzającym szansę na zapisanie się.

📋 Copy Button (Przycisk kopiowania)

Włącz tę opcję, jeśli chcesz, aby odwiedzający mogli skopiować kod kuponu.

Pomaga to odwiedzającym skopiować kod kuponu jednym kliknięciem, zamiast zaznaczać kod.

🎨 Krok 3 — Dostosuj projekt

Kliknij Continue to design (Przejdź do projektu), aby przejść do zakładki Design (Projekt).

Tutaj możesz kontrolować wygląd paska zbierania adresów e-mail:

• Position (pozycja, np. top push, bottom)
• Kolory i style tła
• Rozmiary czcionek i styl przycisku
• Promień obramowania i odstępy
• Animacje i zachowanie sticky (przyklejone)

💡 Aby uzyskać szczegółowe omówienie każdej opcji projektowania, zapoznaj się z naszą dokumentacją Design & Styling.

📍 Krok 4 — Skonfiguruj umiejscowienie i targetowanie

Otwórz zakładkę Placement (Umiejscowienie), aby kontrolować, gdzie i kiedy pojawia się pasek zbierania adresów e-mail.

📐 Display Position (Pozycja wyświetlania)

To ustawienie kontroluje fizyczną lokalizację paska na stronie.

• Top Push — Pcha pozostałą zawartość strony w dół. Pasek znajduje się w normalnym przepływie dokumentu.
• Top Push (Sticky) — Pozostaje przyklejony u góry okna przeglądarki podczas przewijania przez klienta. Zawartość strony jest nadal pchnięta w dół.
• Top Overlap — Unosi się nad górą strony bez pchania zawartości w dół.
• Top Overlap (Sticky) — Unosi się u góry i pozostaje widoczny podczas przewijania.
• Bottom Overlap (Sticky) — Pojawia się u dołu okna przeglądarki i pozostaje tam podczas przewijania.
• Manual (Ręczny) — Samodzielnie kontrolujesz, gdzie pojawia się pasek, używając fragmentu kodu lub bloku aplikacji.

---

🌐 Page Targeting (Targetowanie stron)

Wybierz strony, na których powinien pojawiać się pasek zbierania adresów e-mail:

• All pages (Wszystkie strony)
• Homepage only (Tylko strona główna)
• All product pages (Wszystkie strony produktów)
• All collection pages (Wszystkie strony kolekcji)
• Specific products (Konkretne produkty)
• Specific collections (Konkretne kolekcje)
• Custom pages (Niestandardowe strony)

🌍 Geolocation Targeting (Targetowanie geograficzne)

Domyślnie pasek pojawia się dla wszystkich odwiedzających na całym świecie.

Jeśli chcesz targetować konkretne kraje lub regiony:

→ Wyłącz Allow all locations (Zezwól na wszystkie lokalizacje)

→ Wybierz kraje, w których chcesz, aby pasek się pojawiał

👥 Customer Targeting (Targetowanie klientów)

Kontroluj, kto widzi pasek zbierania adresów e-mail na podstawie zachowań klientów:

• All visitors (Wszyscy odwiedzający)
• Logged-in customers only (Tylko zalogowani klienci)
• Logged-out visitors only (Tylko niezalogowani odwiedzający)
• Customers with specific tags (Klienci z konkretnymi tagami)
• Customers based on lifetime spend (Klienci na podstawie całkowitych wydatków)

💡 Na przykład możesz pokazywać pasek tylko nowym odwiedzającym, którzy jeszcze się nie zalogowali, co jest świetne do budowania listy.

📅 Scheduling (Planowanie) (Opcjonalne)

Ustaw Start Date (Datę rozpoczęcia) i End Date (Datę zakończenia), jeśli chcesz, aby pasek zbierania adresów e-mail działał w określonym okresie kampanii.

Jeśli nie zostaną ustawione daty, pasek pojawi się natychmiast po opublikowaniu i pozostanie aktywny do momentu cofnięcia publikacji.

🔗 Krok 5 — Włącz synchronizację klientów Shopify (opcjonalnie)

Jeśli chcesz, aby zebrane adresy e-mail były automatycznie dodawane do listy Shopify Customers (Klienci Shopify):

→ Przejdź do sekcji Integrations (Integracje) w aplikacji Hoppy Announcement Banner

→ Znajdź Shopify customer list integration (Integrację listy klientów Shopify)

→ Włącz ją i skonfiguruj:

• Email Subscription (Subskrypcja e-mail) — Wybierz, czy subskrybenci mają być oznaczeni jako Subscribed (Zasubskrybowani) czy Not Subscribed (Niezasubskrybowani) do marketingu e-mailowego

→ Kliknij Save (Zapisz)

Po włączeniu każdy adres e-mail przesłany przez pasek zbierania zostanie zsynchronizowany jako profil klienta w Shopify.

Możesz również kliknąć Sync previous emails (Zsynchronizuj poprzednie e-maile), aby uzupełnić wszystkie adresy zebrane przed włączeniem tej integracji.

💾 Krok 6 — Zapisz i opublikuj

Gdy konfiguracja jest gotowa:

1. Kliknij Save (Zapisz), aby zapisać konfigurację
2. Kliknij Publish (Opublikuj), aby udostępnić pasek zbierania adresów e-mail w Twoim sklepie

⚠️ Samo zapisanie nie spowoduje, że pasek będzie widoczny dla klientów. Musisz go opublikować.

🎉 Efekt końcowy

Po pomyślnej konfiguracji:

✅ Odwiedzający widzą przyciągający wzrok pasek zbierania adresów e-mail w Twoim sklepie
✅ Adresy e-mail są przechwytywane bezpośrednio z banera
✅ Subskrybenci widzą komunikat o sukcesie (i opcjonalnie kod kuponu)
✅ Adresy e-mail synchronizują się automatycznie z Shopify Customers (jeśli integracja jest włączona)
✅ Twoja lista e-mailowa rośnie, podczas gdy Ty skupiasz się na prowadzeniu sklepu 🚀

Efektywne używanie paska zbierania adresów e-mail może pomóc Ci zbudować lojalną publiczność, zwiększyć liczbę powtórzonych zakupów i podnieść wartość cyklu życia klienta ✨

Aktualizowane na: 10/09/2026