Jak vytvářet pop-upy – vyskakovací okna

Pop-up je vyskakovací okno, které se zobrazí v závislosti na zadaných podmínkách.

Pop-upy jsou trvale blokovány pro mobilní zařízení z důvodu změn hodnocení věrohodnosti webových stránek společností Google. Na mobilních zařízeních se tedy nebudou zobrazovat.

Typy vyskakovacích oken a kde je nastavit

  • vyskakovací okno pro celý web
    • Nastavení > WEB > Nastavení > Pop-upy webu
  • vyskakovací okno pro konkrétní stránku
    • otevřete si náhled konkrétní stránky v Mioweb editoru
    • v levém menu vyberte Stránka > Pop-upy stránky
    • v rozbalovacím okně vyberte možnost "Vlastní pop-upy"
  • vyskakovací okno pro blog
    • Nastavení > BLOG > Nastavení > Pop-upy blogu
  • vyskakovací okno pro členskou sekci
    • Nastavení > Členské sekce > Nastavení > záložka Pop-upy
  • vyskakovací okno pro e-shop
    • Nastavení > ESHOP > Nastavení > Pop-upy e-shopu

Nastavení vyskakovacího okna

V umístění, která jsou zmíněna výše, se zobrazí následující tabulka.

Zde si vyberte, zda chcete nastavit KLASICKÝ POP-UP nebo EXIT POP-UP. Pop-up nastavíte tak, že ho vyberete z roletky, která se u dané možnosti zobrazuje. Toto nastavení následně potvrdíte tlačítkem Uložit.

  • KLASICKÝ POP-UP se zobrazí buď po načtení stránky, nebo podle dalších parametrů, které nastavíte pod záložkou Zobrazit pop-up, u které zvolíte možnost Pokročilé nastavení. Můžete si zde nastavit, po kolika sekundách se pop-up zobrazí, kolik pixelů je potřeba odskrolovat, aby se pop-up zobrazil, případně u jakého CSS selektoru se má pop-up zobrazit.
  • EXIT POP-UP se zobrazí, pokud se návštěvník chystá opustit vaši stránku, tedy vyjede kurzorem myši mimo webovou stránku. To znamená, že pro aktivaci pop-upu je zapotřebí vyjet myší mimo okno prohlížeče nebo do ovládacího panelu prohlížeče.

Jak vytvořit vyskakovací okno

Pokud ještě pop-up vytvořený nemáte, klikněte na tlačítko Vytvořit nový pop-up.

Nyní je potřeba si pop-up pojmenovat (název je pouze interní a nikde se zákazníkům nezobrazuje) a zvolit jeho šablonu. Jakmile to uděláte, potvrďte nastavení tlačítkem ULOŽIT.

Nyní se vám otevře nové okno, ve kterém můžete obsah pop-upu upravit.

Pokud byste chtěli šablonu pop-upu změnit, zvolte v levém menu záložku POPUP > Změnit šablonu.

TIP: Doporučujeme pečlivě vybrat šablonu pop-upu a jeho rozložení ještě před tím, než začnete samotný pop-up tvořit.
Pokud šablonu změníte, dojde ke ztrátě celého obsahu vytvořeného pop-upu.

Tvorba obsahu pop-upu je identická, jako tvorba obsahu webu. K tvorbě se, stejně jako v ostatních částech webu, využívají bloky a elementy, které Mioweb nabízí.

Samotné nastavení pop-upu nejdete v levém menu v záložce POPUP > Nastavení.

V tomto nastavení můžete upravit šířku okna pop-upu, pozadí, míru zakulacení rohů a dobu, po které se má pop-up znovu zobrazit, pokud ho zákazník na webu zavře. Jakmile tyto údaje nastavíte, stačí je potvrdit tlačítkem ULOŽIT.