--- title: "Jak vytvořit pop-up okna s vysokou konverzí ve Scratcheru" description: "Zjistěte, jak ve Scratcheru vytvořit pop-up okna s vysokou konverzí: nastavte, navrhněte a vložte gamifikované pop-up okno během pár minut, s chytrými spouštěči a bez programování." url: https://scratcher.io/cs/blog/how-to-create-high-converting-pop-ups-with-scratcher language: cs --- # Jak vytvořit pop-up okna s vysokou konverzí ve Scratcheru Návod krok za krokem, jak ve Scratcheru během pár minut vytvořit, navrhnout a vložit gamifikované pop-up okno s vysokou konverzí. Henrik Lund 4 min čtení 23. června 2025 ![Jak vytvořit pop-up okna s vysokou konverzí ve Scratcheru](https://scratcher.io/img/containers/assets/blog/covers/how-to-create-high-converting-pop-ups-with-scratcher.webp/519c351ed31282cb4d56bf0194e3356e/how-to-create-high-converting-pop-ups-with-scratcher.webp) Při správném použití jsou pop-up okna silným nástrojem. Zvyšují zapojení, získávají leady a zvyšují konverze. Se Scratcherem vytvoříte gamifikované [pop-up okno](https://scratcher.io/cs/platform/pop-ups), se kterým lidé opravdu chtějí interagovat, během pár minut. V tomto průvodci vás provedeme tím, jak nastavit, navrhnout a vložit své první pop-up okno na platformě Scratcher. ## Krok 1: Vytvořte pop-up okno Jakmile se přihlásíte do Scratcheru: 1. Klikněte na tlačítko „Create“ v levém postranním panelu. 2. V horním menu zvolte „Pop-ups“ (vedle vyhledávacího pole). 3. Vyberte preferovaný formát. V tomto příkladu použijeme [Tajemný box](https://scratcher.io/cs/platform/formats/mystery-box). 4. Pojmenujte své pop-up okno a klikněte na „Create Pop-up“. **To je vše. Můžete začít s úpravami.** *Video: Záznam obrazovky s vytvořením nového pop-up okna Tajemný box na platformě Scratcher.* ## Krok 2: Přizpůsobte design Scratcher vám dává plnou tvůrčí kontrolu nad tím, jak vaše pop-up okno vypadá a působí. Tohle můžete upravit. ### Umístění V nastavení zvolte, kde se pop-up okno zobrazí: - Horní lišta - Boční pop-up okno - Pop-up okno uprostřed - Pop-up okno přes celou obrazovku Každý typ nabízí jinou rovnováhu mezi viditelností a vtíravostí. Boční pop-up okno je nenápadné, zatímco pop-up okno přes celou obrazovku se těžko přehlédne. *Video: Záznam obrazovky s výběrem umístění pop-up okna a úpravou jeho designu ve Scratcheru.* ### Velikost V části obsah nastavte výšku a šířku pop-up okna. *Tip od profíků:* Pomocí ikon zařízení dole si zobrazte náhled a upravte design pro [počítač, tablet a mobil](https://scratcher.io/cs/blog/mobile-popup-best-practices). ### Pozadí Také v části obsah určujete, jak vypadá pozadí, když se pop-up okno zobrazuje. Můžete: - Nastavit jednolitou barvu - Sladit ji s barvami značky pomocí hex kódů *Video: Záznam obrazovky s nastavením barvy pozadí pop-up okna ve Scratcheru.* ### Upoutávka na pop-up okno Upoutávky jsou klikatelné prvky na vašem webu, které otevírají pop-up okno. Jsou jemným způsobem, jak návštěvníky postrčit ke hře. Upoutávku můžete použít s pop-up oknem nebo ji umístit přímo na stránku kampaně. ![Web prodejce s tlačítkem upoutávky na pop-up okno v levém dolním rohu](https://scratcher.io/img/containers/assets/blog/retail-website-popup-teaser-button.webp/6b10270ac268806e6d833cf23099928b/retail-website-popup-teaser-button.webp) ## Krok 3: Sestavte průběh pop-up okna Typické pop-up okno Scratcheru má několik kroků: - **Úvodní stránka:** krátké přivítání a vizuál - **Stránka s formulářem:** získejte údaje jako e-mail a jméno - **Herní stránka:** nechte lidi hrát a zkusit vyhrát - **Závěrečná stránka:** zobrazte výsledek nebo poděkování Pomocí pravého panelu přecházejte mezi stránkami a upravujte texty, obrázky a funkce. ![Panel průběhu pop-up okna ve Scratcheru se stránkami Intro, Form, Game a Finish](https://scratcher.io/img/containers/assets/blog/scratcher-popup-flow-panel.webp/770cc414d1c2e8aad30fc3cb8b0f057a/scratcher-popup-flow-panel.webp) ## Krok 4: Nastavte spouštěče a viditelnost Scratcher vám dává jemnou kontrolu nad tím, **kdy**, **kde** a **jak často** se vaše pop-up okno zobrazí. ### Možnosti spouštěčů - **Časový spouštěč:** zobrazí pop-up okno po nastaveném počtu sekund. - **Spouštěč při scrollování:** zobrazí ho, jakmile návštěvník sjede o X % stránky dolů. - **[Exit-intent spouštěč](https://scratcher.io/cs/blog/exit-intent-popup):** rozpozná, kdy se někdo chystá odejít, a zobrazí pop-up okno právě včas. - **Spouštěč kliknutím:** zobrazí pop-up okno jen po kliknutí na konkrétní tlačítko nebo odkaz. - **Seznam povolených:** cílí na konkrétní návštěvníky podle cesty URL, zdroje návštěvy a typu zařízení. - **Seznam zakázaných:** zabrání zobrazení pop-up okna za určitých podmínek, například na konkrétních stránkách nebo pro určité IP adresy či zařízení. - **Spouštěč podle zařízení:** skryje pop-up okno na určitých zařízeních. - **Možnosti zobrazení:** řiďte frekvenci, abyste lidi neobtěžovali. Nastavte, kolikrát se zobrazí a kolik dní uplyne mezi jednotlivými zobrazeními. ![Menu spouštěčů pop-up okna ve Scratcheru s časovým, scrollovacím, exit-intent a dalšími spouštěči](https://scratcher.io/img/containers/assets/blog/scratcher-popup-triggers-menu.webp/ef0eb60b12f0a8aa31b36974dbbc272c/scratcher-popup-triggers-menu.webp) ## Krok 5: Použijte svůj design kit Pomocí **„My Designkits“** aktualizujte: - Barvy pozadí - Písma a styly tlačítek - Celkový motiv, aby vše odpovídalo vaší značce Změny si prohlížejte v reálném čase pomocí přepínače mobil/tablet/počítač v dolní části obrazovky. *Video: Záznam obrazovky s použitím uloženého design kitu na pop-up okno ve Scratcheru.* ## Krok 6: Přidejte pop-up okno na svůj web Jakmile je pop-up okno připravené, je čas ho spustit. ### 1. Získejte svůj skript Po vytvoření prvního pop-up okna přejděte do sekce **Popup Management**. Najdete tam **unikátní skript** propojený s vaším účtem. Skript zůstává stejný bez ohledu na to, kolik pop-up oken vytvoříte. ### 2. Zvolte, kde se má zobrazit Otevřete editor svého webu nebo CMS a přejděte na stránku, kde se má pop-up okno zobrazit. ### 3. Vložte skript Vložte celý skript do tagu `` svého webu. ### 4. Uložte a otestujte Klikněte na uložit a pak navštivte svůj web a zkontrolujte, že pop-up okno funguje podle očekávání. ## Tipy pro pop-up okna, která konvertují - **[Začněte hrou, ne formulářem](https://scratcher.io/cs/blog/gamified-popup-vs-email-popup).** Hravý formát dává lidem důvod se zapojit dřív, než je požádáte o údaje. - **[Udržte formulář krátký](https://scratcher.io/cs/blog/signup-form-fields).** Pro první registraci často stačí e-mail a souhlas. - **[Dobře to načasujte](https://scratcher.io/cs/blog/popup-timing-triggers).** Exit-intent spouštěče a spouštěče při scrollování obvykle působí méně vtíravě než okamžité pop-up okno. - **Přizpůsobte nabídku stránce.** Výhra spojená s konkrétním produktem na produktové stránce působí relevantněji než obecná sleva. ## Jste připraveni vytvořit své první pop-up okno? Každý ze 40+ formátů Scratcheru může běžet jako pop-up okno, takže si můžete vybrat [herní pop-up okno](https://scratcher.io/cs/platform/formats/game-pop-ups), které sedí vašemu publiku. Inspiraci najdete v našich [šablonách](https://scratcher.io/cs/templates), nebo [začněte 14denní zkušební verzi zdarma](https://scratcher.io/cs/get-started) a spusťte své první pop-up okno ještě dnes. Henrik Lund Spoluzakladatel, Scratcher Henrik Lund spoluzaložil Scratcher v Kodani v roce 2017 a od té doby pomáhá značkám vytvářet interaktivní kampaně. Vytvořte svou první kampaň ještě dnes Vytvořte si vlastní kampaň za pár minut. 14 dní zdarma, bez platební karty. [Vyzkoušejte zdarma](https://platform.scratcher.io/cs/register) ## Čtěte dál [Trendy v gamifikačním marketingu 2027: 8 předpovědí pro značky](https://scratcher.io/cs/blog/gamification-marketing-trends-2027) - Strategie - 4\. listopadu 2026 [Trendy v gamifikačním marketingu 2027: 8 předpovědí pro značky](https://scratcher.io/cs/blog/gamification-marketing-trends-2027)Kam se v roce 2027 posune gamifikovaný marketing: od krátkých mobilních her a always-on kalendářů po kampaně vytvořené pomocí AI … [Trendy ve věrnosti zákazníků 2027: přístup, férovost a důvody k návratu](https://scratcher.io/cs/blog/customer-loyalty-trends-2027) - Strategie - 3\. listopadu 2026 [Trendy ve věrnosti zákazníků 2027: přístup, férovost a důvody k návratu](https://scratcher.io/cs/blog/customer-loyalty-trends-2027)Členové jsou ve více programech než kdy dřív, ale v každém se cítí méně výjimeční. Trendy ve věrnosti a udržení zákazníků pro rok… [Trendy ve first-party datech a ochraně soukromí 2027: co se mění pro marketéry](https://scratcher.io/cs/blog/first-party-data-trends-2027) - Strategie - 3\. listopadu 2026 [Trendy ve first-party datech a ochraně soukromí 2027: co se mění pro marketéry](https://scratcher.io/cs/blog/first-party-data-trends-2027)Chrome si cookies ponechává, ale souhlas a důvěru je čím dál těžší získat. Trendy v datech a ochraně soukromí, které budou formov… ![Kampaň s kolem štěstí Starbucks na mobilním telefonu](https://scratcher.io/assets/campaigns/starbucks-spin-the-wheel.webp) ## Vytvořte svou první kampaň ještě dnes Přidejte se ke značkám, které se Scratcherem získaly více než 35 milionů registrací. Vyzkoušejte ho 14 dní zdarma, bez platební karty. [Vyzkoušejte zdarma](https://platform.scratcher.io/cs/register) [Domluvte si schůzku](https://scratcher.io/cs/book-a-meeting)