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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://napoveda.rocketoo.cz/rocketoo/rozsireni/poptin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.