Jak přidat popup okno na WordPress web

Popup okna známe všichni, jsou ta nepříjemná okénka, které na nás vyskočí, když přijdeme na nějakou stránku. Můžeme je nesnášet, ale pravdou je, že prostě fungují.

Pro předání důležité informace, není snad účinnější způsob, než popup okno. Jak jej ale přidáme na stránku?

Naštěstí je WordPress plný pluginů, které se dají využít a jeden z nich se jmenuje WordPress Popup.

Po jeho nainstalování, najdete v levém menu novou položku – Popup

wordpress-popup

Nejprve se podíváme na nastavení. Je zde formulář, pomocí kterého můžeme určit, jak se bude popup vytvářet.

wordpress-popup.setting

Toto si zasluhuje menší vysvětlení.

Page Footer znamená, že se při načtení stránky, vypíše html kód popup okna, přímo do kódu stránky a z toho místa bude zobrazen.

WordPress AJAX znamená, že se nejprve načte stránka a po jejím načtení se zavolá ajax funkce, která získá obsah popup okna a zobrazí jej.

Custom AJAX je v podstatě stejný způsob, jako předchozí, ale za pomocí vámi vytvořeného ajaxového volání. To se může vyplatit v případě, že WordPress AJAX je z nějakého důvodu přetěžovaný a pomalý.

Anonymous Script je dostupný pouze v PRO verzi a údajně by měl obstát před různými blokery reklam.

Vyberte buď WordPress AJAX, nebo Page footer a popup bude fungovat.

Následuje dlouhý seznam shortcódů, které jsou pluginem podporovány a můžete je v popup okně použít.

wordpress-popup-shortcodes

Další část nastavení, jsou podmínky pro zobrazování. Bohužel ve free verzi jsou k dispozici jen tyto:

  • dle url
  • dle prohlížeče
  • hodnota popup okna
  • dle zdroje
  • dle stavu uživatele – přihlášení/nepřihlášený, komentoval/nekomentoval..

Vytvoření popup okna

Jakmile je nastavení uloženo, můžete vytvořit nové popup okno.

wordpress-popup-content

Jméno okna je pouze pro vaši orientaci, zobrazovat se nikde nebude.

Do okna můžete zadat jeho nadpis, podnadpis, náhledový obrázek a obsah. Pro obsah je k dispozici editor, který znáte z vytváření příspěvků.

Také můžete vytvořit Call to action tlačítko, které se bude v okně zobrazovat.

Pod částí, v které vytváříte obsah okna, najdete dva boxy, v nichž nastavíte vzhled okna.

wordpress-popup-apper

Naklikáte si barvu okna, jeho velikost a další prvky.

Následuje nastavení podmínek. Z názvu plyne, že zde si vytvoříte pravidla, kdy se bude okno zobrazovat. Můžete si tak perfektně nastavit, například zobrazení popup okna, jen u konkrétní stránky.

wordpress-popup-contition
wordpress-popup-conditon

Poslední box obsahuje jen velkou textareu, do které můžete zapsat váš vlastní css styl.

wordpress-popup-css

A úplně na konec, popup uložíte a aktivujete. Případně si jej před uložením můžete zobrazit.

Přestože je část funkcí dostupná jen v pro verzi, překvapilo mne, jak snadno se plugin nastavuje. Určitě pro něj ředa z vás najde využití.

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Související články

5 Comments

  1. Marek

    POPUP, aneb nenáviděné a nevyžádané šikanování uživatelů internetu! Sám jsem také zvažoval (když to před lety začínalo), že si tuto „vymoženost“ na weby zařídím. Ale ten vopruz, když to na mě lezlo odevšad z netu. Nakonec jsem to na žádný svůj web nedal a weby co to mají, jsem již navždy opustil! Web, který takto žebrá o pozornost a akci si zaslouží akorát zaniknout. Nechci se nikde přihlašovat, ani klikat nikam, atd. Proto jsem všechny takové weby vymazal ze svých oblíbených, byť některébyly velmi dobré. Snad tento trend zase ustoupí.

    Odpověď
  2. Dagmar

    Dobrý den,

    Sháním informace, ale jsem z toho úplně v pasti.

    Má idea je v tom, že chci vytvořit vyskakovací okénko, kde když uživatel vloží e-mail, automaticky obdrží odkaz na stažení e-booku a následně mu bude od doby vložení e-mailu automaticky po dobu 7 týdnů zaslány e-maily s různými informacemi. Stáhla jsem si Free list machine plugin, vytvořila pup up okénko, ale jak nastavit to, že se automaticky odešle na e-mail e-book a poté ty e-maily v týdenním intervalu, to už jsem v úplně v lese :/ dokázal byste mi, prosím, poradit? :)

    Děkuji!

    Odpověď
    1. Musilda

      Dobrý den
      Budete ještě potřebovat nějaký plugin pro optin emaily a jejich odesílání.

      Odpověď

Přidejte komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *