Poptin

Modul Poptin propojuje váš e-shop se službou Poptin.com a umožňuje:

• Zobrazovat inteligentní vyskakovací okna

• Získávat více e-mailových kontaktů

• Snižovat počet opuštěných košíků

• Motivovat k dokončení nákupu slevami

• Vkládat formuláře přímo do obsahu stránek

Co je Poptin?

Poptin je nástroj pro vytváření pop-up oken a kontaktních formulářů, které se zobrazují návštěvníkům podle jejich chování na webu. Například:

• Když návštěvník pohne myší směrem zavřít stránku (exit-intent)

• Po určité době strávené na webu

• Po proskrolování určité části stránky

• Na konkrétních stránkách e-shopu

Kde najdu modul?

Modul je nutné nejprve nainstalovat ve Správci rozšíření.

V hlavním menu klikněte na Nastavení → Rozšíření → Poptin.

Nastavení modulu

1

Vytvoření účtu na Poptin.com

Před nastavením modulu potřebujete účet na Poptin.com:

• Přejděte na https://www.poptin.com

• Klikněte na Sign Up a vytvořte účet

• Dokončete registraci

• Přihlaste se do administrace Poptin

2

Získání User ID

• V administraci Poptin klikněte na Settings (ikona ozubeného kola)

• V menu vlevo vyberte Installation Code

• Klikněte na jakoukoli platformu (např. Shopify, WordPress)

• Zkopírujte číslo z kódu, které vypadá takto:

ppt("create", "12345");

Vaše User ID je v tomto příkladu 12345

3

Nastavení v Rocketoo

• V Rocketoo přejděte do Nastavení → Poptin

• Vyplňte:

  • Poptin user ID - vložte číslo získané v předchozím kroku

  • Aktivovat Poptin na e-shopu - zapněte přepínač

• Klikněte Uložit

✅ Hotovo! Od této chvíle se všechny pop-upy vytvořené v Poptin.com automaticky zobrazují na vašem e-shopu.

Vytvoření pop-up okna

Pop-up okna vytváříte přímo v administraci Poptin.com. Rocketoo je automaticky zobrazí na vašem e-shopu.

1

Základní postup

• Přihlaste se do Poptin.com

• Klikněte na tlačítko "Create Poptin"

• Vyberte typ pop-upu:

  • Lightbox - klasické vyskakovací okno uprostřed obrazovky

  • Slide-in - okno vysouvající se z rohu

  • Top Bar - lišta v horní části stránky

  • Embedded Form - formulář vložený přímo do stránky

2

Vyberte šablonu

• Newsletter subscription - sběr e-mailů

• Discount offer - nabídka slevy

• Announcement - oznámení

• Contact form - kontaktní formulář

• Video - video pop-up

• Exit-intent - zobrazení při odchodu

3

Upravte design

• Text - změňte nadpisy a texty

• Barvy - přizpůsobte barvám vašeho e-shopu

• Obrázky - přidejte vlastní obrázky

• Tlačítka - upravte texty a barvy tlačítek

4

Nastavte pravidla zobrazení

• Kdy se má pop-up zobrazit (ihned, po 5 sekundách, po scrollování...)

• Na kterých stránkách (všechny stránky, konkrétní URL...)

• Kolikrát se má zobrazit jednomu návštěvníkovi

5

Publikujte pop-up

• Klikněte na Publish

• Pop-up se automaticky zobrazí na vašem e-shopu

Příklad: Pop-up se slevou

Cíl: Nabídnout 10% slevu návštěvníkům, kteří chtějí opustit web.

• V Poptin klikněte na Create Poptin

• Vyberte Lightbox → šablona Discount offer

• Upravte text:

  • Nadpis: "Počkejte! Máme pro vás slevu 10%"

  • Podnázev: "Zadejte e-mail a získejte slevový kód"

• V sekci Display Rules nastavte:

  • Exit Intent - zobrazit při odchodu

  • Show on all pages - na všech stránkách

• V sekci Email nastavte, kam se mají odesílat e-maily

• Klikněte Publish

Vložení formuláře na stránku

Kromě automaticky vyskakovacích oken můžete formuláře vložit přímo do obsahu stránek pomocí PageItem komponenty.

1

Vytvoření embedded formuláře v Poptin

• V Poptin klikněte na Create Poptin

• Vyberte typ Embedded Form

• Vyberte šablonu a upravte design

• Po publikování klikněte na Get Code

• V kódu najděte data-id, které vypadá takto:

<div class="powr-form-builder" id="12345abc"></div>

Vaše data-id je v tomto příkladu 12345abc

2

Vložení do CMS stránky

• V Rocketoo přejděte do E-shop → Stránky

• Otevřete stránku, kam chcete formulář vložit

• V záložce Nastavení klikněte na tlačítko Přidat sekci

• Vyberte Poptin formulář

• Do pole Formulář - data-id vložte data-id z Poptin (např. 12345abc)

• Klikněte Vložit

• Uložte stránku

✅ Hotovo! Formulář se nyní zobrazuje přímo v obsahu stránky.

Typy pop-up oken

Exit-Intent Pop-up (Při odchodu)

Kdy se zobrazí: Když návštěvník pohne myší směrem k zavření stránky

Vhodné pro:

• Nabídka slevy na poslední chvíli

• Dotazník "Proč odcházíte?"

• Speciální nabídka pro nerozhodné zákazníky

Příklad textu:

"Moment! Než odejdete, vezměte si 15% slevu na první nákup."

Po určité době

Kdy se zobrazí: Po X sekundách strávených na stránce

Vhodné pro:

• Sběr e-mailů pro newsletter

• Upozornění na akci

• Nabídka live chatu

Příklad textu:

"Líbí se vám naše produkty? Dostávejte novinky přímo do e-mailu!"

Po proskrolování

Kdy se zobrazí: Když návštěvník proskroluje X % stránky

Vhodné pro:

• Blogové stránky - sběr odběratelů

• Produktové stránky - speciální nabídka

• Oznámení o dopravě zdarma

Příklad textu:

"Líbí se vám, co vidíte? Doprava zdarma od 990 Kč!"

Uvítací

Kdy se zobrazí: Ihned po načtení stránky

Vhodné pro:

• Oznámení o velké akci

• První objednávka se slevou

• Důležité oznámení

Příklad textu:

"Vítejte! První nákup s 20% slevou. Použijte kód: WELCOME20"

Opuštěný košík

Kdy se zobrazí: Když návštěvník má zboží v košíku a chce odejít

Vhodné pro:

• Snížení počtu opuštěných košíků

• Nabídka dopravy zdarma

• Časově omezená sleva

Příklad textu:

"Nezapomeňte na košík! Dokončete nákup a získejte dopravu ZDARMA."

Často kladené otázky

Kolik pop-upů mohu mít aktivních zároveň?

Technicky neomezený počet, ale doporučujeme max 2-3 aktivní pop-upy s různými pravidly zobrazení.

Ovlivní pop-upy rychlost mého e-shopu?

Poptin je optimalizovaný a načítá se asynchronně, takže vliv na rychlost je minimální.

Zobrazí se pop-up na mobilech?

Ano, Poptin automaticky přizpůsobuje pop-upy pro mobilní zařízení.

Co když zadám špatné User ID?

Pop-upy se nebudou zobrazovat. Zkontrolujte User ID v Poptin.com a opravte ho v nastavení.

Musím platit za Poptin?

Poptin má bezplatnou verzi (do 1000 návštěvníků měsíčně) i placené plány s pokročilými funkcemi.

Jak deaktivuji všechny pop-upy najednou?

V nastavení Rocketoo vypněte přepínač "Aktivovat Poptin na e-shopu".

Jak často se pop-up zobrazí jednomu návštěvníkovi?

To nastavíte v Poptin v sekci "Display Rules" - můžete zvolit 1x denně, 1x za návštěvu, vždy atd.

Mohu zobrazovat různé pop-upy na různých stránkách?

Ano, v Poptin nastavíte URL pravidla pro každý pop-up zvlášť.

Jak zabráním, aby se pop-up zobrazil těm, kdo už vyplnili formulář?

V Poptin v sekci "Display Rules" zaškrtněte "Don't show to users who already submitted".

Mohu vložit formulář na více stránek?

Ano, můžete použít stejné data-id na více stránkách.

Jak upravím design vloženého formuláře?

Design upravujete v Poptin.com - změny se automaticky projeví na všech místech, kde je formulář vložen.

Mohu mít více formulářů na jedné stránce?

Ano, stačí vložit více PageItem komponent s různými data-id.

Kam se ukládají e-maily z formulářů?

E-maily se ukládají v Poptin.com v sekci "Leads". Můžete je exportovat nebo propojit s dalšími nástroji.

Mohu propojit Poptin s MailChimpem nebo jiným nástrojem?

Ano, Poptin má integraci s desítkami nástrojů včetně MailChimp, GetResponse, ActiveCampaign atd.

Jak exportuji seznam e-mailů?

V Poptin přejděte do "Leads" a klikněte na tlačítko "Export".

Praktické příklady

Příklad 1: První nákup se slevou

Cíl: Motivovat nové návštěvníky k první objednávce

1

• Typ: Lightbox

• Šablona: Discount offer

• Text:

  • Nadpis: "Vítejte! 🎉"

  • Popis: "Získejte 15% slevu na první nákup"

  • Tlačítko: "Chci slevu"

2

• Display Rules:

  • Zobrazit po 30 sekundách

  • Pouze nové návštěvníky (v Poptin: New visitors)

  • Max 1x za 7 dní

3

Výsledek: Zvýšení konverze nových návštěvníků o 12-18%

Příklad 2: Snížení opuštěných košíků

Cíl: Zachytit zákazníky, kteří chtějí odejít s plným košíkem

1

• Typ: Lightbox

• Šablona: Cart abandonment

• Text:

  • Nadpis: "Moment! Máte zboží v košíku 🛒"

  • Popis: "Dokončete nákup a získejte dopravu ZDARMA"

  • Tlačítko: "Dokončit nákup"

2

• Display Rules:

  • Exit-intent

  • Pouze stránky s "/kosik" v URL

  • Max 1x za návštěvu

3

Výsledek: Snížení opuštěných košíků o 8-15%

Příklad 3: Sběr e-mailů pro newsletter

Cíl: Získat více odběratelů newsletteru

1

• Typ: Slide-in (pravý dolní roh)

• Šablona: Newsletter subscription

• Text:

  • Nadpis: "Novinky a inspirace"

  • Popis: "2x měsíčně vám pošleme tipy a akce"

  • Tlačítko: "Odebírat"

2

• Display Rules:

  • Po 50% proskrolování

  • Všechny stránky kromě košíku a pokladny

  • Max 1x za 30 dní

3

Výsledek: Růst databáze odběratelů o 150-200 měsíčně

Příklad 4: Oznámení o akci

Cíl: Upozornit na Černý pátek s časově omezenou akcí

• Typ: Top Bar (lišta nahoře)

• Šablona: Announcement

• Text: "🔥 ČERNÝ PÁTEK: Sleva až 50% | Pouze dnes do půlnoci!"

• Tlačítko: "Zobrazit akce"

• Display Rules:

  • Zobrazit okamžitě

  • Všechny stránky

  • Po celý den (nastavte datum)

Výsledek: Zvýšení prodejů během akčního dne o 40-60%

Příklad 5: Kontaktní formulář na stránce

Cíl: Vložit kontaktní formulář přímo do stránky "Kontakt"

1

• V Poptin vytvořte Embedded For

• Šablona: Contact form

• Pole: Jméno, E-mail, Zpráva

• Zkopírujte data-id (např. abc123)

2

V Rocketoo:

• Otevřete stránku "Kontakt"

• Vložte PageItem Poptin formulář

• Zadejte data-id: abc123

• Uložte

3

Výsledek: Profesionální kontaktní formulář bez programování