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, 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:
- Klikněte na tlačítko „Create“ v levém postranním panelu.
- V horním menu zvolte „Pop-ups“ (vedle vyhledávacího pole).
- Vyberte preferovaný formát. V tomto příkladu použijeme Tajemný box.
- 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.
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ě.
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.
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ěč: 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.
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 <head> 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. Hravý formát dává lidem důvod se zapojit dřív, než je požádáte o údaje.
- Udržte formulář krátký. Pro první registraci často stačí e-mail a souhlas.
- Dobře to načasujte. 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, které sedí vašemu publiku. Inspiraci najdete v našich šablonách, nebo začněte 14denní zkušební verzi zdarma a spusťte své první pop-up okno ještě dnes.
