> For the complete documentation index, see [llms.txt](https://napoveda.rocketoo.cz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://napoveda.rocketoo.cz/rocketoo/rozsireni/poptin.md).

# 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](https://www.poptin.com/) 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?

{% hint style="info" %}
Modul je nutné nejprve nainstalovat ve **Správci rozšíření**. 
{% endhint %}

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

## Nastavení modulu

{% stepper %}
{% step %}

### 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
  {% endstep %}

{% step %}

### 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**
{% endstep %}

{% step %}

### 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.
{% endstep %}
{% endstepper %}

## 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.

{% stepper %}
{% step %}

### 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
    {% endstep %}

{% step %}

### 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
  {% endstep %}

{% step %}

### 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
  {% endstep %}

{% step %}

### 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
  {% endstep %}

{% step %}

### Publikujte pop-up

* Klikněte na **Publish**
* Pop-up se automaticky zobrazí na vašem e-shopu
  {% endstep %}
  {% endstepper %}

### 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.

{% stepper %}
{% step %}

### 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:

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

Vaše data-id je v tomto příkladu **12345abc**
{% endstep %}

{% step %}

### 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.
{% endstep %}
{% endstepper %}

## 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

<details>

<summary><strong>Kolik pop-upů mohu mít aktivních zároveň?</strong></summary>

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

</details>

<details>

<summary><strong>Ovlivní pop-upy rychlost mého e-shopu?</strong></summary>

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

</details>

<details>

<summary><strong>Zobrazí se pop-up na mobilech?</strong></summary>

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

</details>

<details>

<summary><strong>Co když zadám špatné User ID?</strong></summary>

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

</details>

<details>

<summary><strong>Musím platit za Poptin?</strong></summary>

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

</details>

<details>

<summary><strong>Jak deaktivuji všechny pop-upy najednou?</strong></summary>

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

</details>

<details>

<summary><strong>Jak často se pop-up zobrazí jednomu návštěvníkovi?</strong></summary>

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

</details>

<details>

<summary><strong>Mohu zobrazovat různé pop-upy na různých stránkách?</strong></summary>

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

</details>

<details>

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

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

</details>

<details>

<summary><strong>Mohu vložit formulář na více stránek?</strong></summary>

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

</details>

<details>

<summary><strong>Jak upravím design vloženého formuláře?</strong></summary>

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

</details>

<details>

<summary><strong>Mohu mít více formulářů na jedné stránce?</strong></summary>

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

</details>

<details>

<summary><strong>Kam se ukládají e-maily z formulářů?</strong></summary>

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

</details>

<details>

<summary><strong>Mohu propojit Poptin s MailChimpem nebo jiným nástrojem?</strong></summary>

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

</details>

<details>

<summary><strong>Jak exportuji seznam e-mailů?</strong></summary>

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

</details>

## Praktické příklady

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

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

{% stepper %}
{% step %}

* Typ: **Lightbox**
* Šablona: **Discount offer**
* Text:
  * Nadpis: "Vítejte! 🎉"
  * Popis: "Získejte 15% slevu na první nákup"
  * Tlačítko: "Chci slevu"
    {% endstep %}

{% step %}

* Display Rules:
  * Zobrazit po **30 sekundách**
  * Pouze **nové návštěvníky** (v Poptin: New visitors)
  * Max **1x za 7 dní**
    {% endstep %}

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

### 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

{% stepper %}
{% step %}

* 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"
    {% endstep %}

{% step %}

* Display Rules:
  * **Exit-intent**
  * Pouze stránky s "**/kosik**" v URL
  * Max **1x za návštěvu**
    {% endstep %}

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

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

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

{% stepper %}
{% step %}

* 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"
    {% endstep %}

{% step %}

* Display Rules:
  * Po **50% proskrolování**
  * Všechny stránky kromě košíku a pokladny
  * Max **1x za 30 dní**
    {% endstep %}

{% step %}
Výsledek: Růst databáze odběratelů o 150-200 měsíčně
{% endstep %}
{% endstepper %}

### 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"

{% stepper %}
{% step %}

* V Poptin vytvořte **Embedded For**
* Šablona: **Contact form**
* Pole: Jméno, E-mail, Zpráva
* Zkopírujte data-id (např. **abc123**)
  {% endstep %}

{% step %}
V Rocketoo:

* Otevřete stránku "Kontakt"
* Vložte PageItem **Poptin formulář**
* Zadejte data-id: **abc123**
* Uložte
  {% endstep %}

{% step %}
Výsledek: Profesionální kontaktní formulář bez programování
{% endstep %}
{% endstepper %}