Dobrý den, přátelé! Navrhuji, abychom si o tom promluvili vytváření modálních oken ve WordPressu. Pop-up (modální) okna výrazně rozšiřují možnosti webu. Máte nějakou zprávu nebo reklamu, kterou by měl vidět každý návštěvník webu? Potřebujete zviditelnit svou kampaň? Chcete na svém webu vytvořit vyskakovací registrační formulář nebo formulář pro sdílení obsahu na sociálních sítích? Vytvořte modální okno!

Pop-up mody jsou navrženy tak, aby přitahovaly pozornost. Tím, že se objeví na stránce, blokují hlavní obsah a nutí uživatele, aby se seznámil s jejich obsahem (text, video, výzva k akci atd.).

Pozornost! Nenechte se zastrašit délkou této lekce - při vytváření modálních oken nejsou žádné potíže (přečtěte si a přesvědčte se sami), pouze podrobně popisuji každý krok.

Algoritmus pro vytváření modálních oken ve WordPressu

WordPress nemá vestavěné nástroje pro práci s vyskakovacími okny. Navrhneme a upravíme je pomocí pluginu Popup Maker. Vytvořme například modální okno s videem, vyskakovací okno při kliknutí na tlačítko(můžete jej nakonfigurovat později automatický vzhled).

1. Nainstalujte Popup Maker plugin. aktivovat jeho. Dovolte mi připomenout: naučili jsme se, jak nainstalovat pluginy.
   
2. Najděte sekci v postranní nabídce na levé straně panelu administrátora Popup Maker a přejděte do jeho podsekce Přidat vyskakovací okno.
3. Otevře se editor modálního okna. Do pole v horní části stránky zadejte název okna (název se zobrazí pouze v admin panelu - uživatelé jej neuvidí).
4. Přijít s název okna(bude viditelné pro uživatele) a zadejte jej do pole nad tlačítkem Přidat mediální soubor.
5. V bloku Podmínky Vyberte z rozbalovací nabídky stránky (kategorie), na kterých se okno zobrazí. Pokud by měl plugin fungovat na všech stránkách webu, vyberte Formát: Vše.
6. Přidejte do velkého pole pod panelem nástrojů text, obrázky, video nebo zvuk– veškerý obsah, který se zobrazí ve vyskakovacím okně. V uvažovaném příkladu jsem přidal kód pro video z YouTube (studovali jsme přidávání videí na web WordPress).
   
7. V bloku Spouštěče K dispozici je nastavení pro ruční nebo automatické otevírání (samoaktivace) vyskakovacího okna. V našem příkladu jsem zvolil hodnotu Klepněte na tlačítko Otevřít.
8. Uveďte prosím níže velikost vyskakovacího okna(v pixelech nebo procentech). Při výběru možnosti Auto Plugin automaticky změní velikost modálního okna.
9. Zaškrtněte políčko v řádku Zakázat pozadí aby byla stránka webu viditelná za vyskakovacím oknem (doporučuji).
10. Založit typ a rychlost animace(není nutné: optimální hodnoty jsou již nastaveny ve výchozím nastavení).
    
11. Upravte polohu okna na obrazovce. Zpočátku jej plugin umístí do středu nahoře.
12. Hodnota majetku z-index, ve výchozím nastavení, obvykle není nutné měnit.
    
13. Výběrem možností zavřete vyskakovací okno. Zaškrtněte políčka v řádcích s „ptáky“ Klikněte na Překrytí pro zavření(okno se zavře, když kliknete na pozadí kolem něj), Stisknutím klávesy F4 zavřete(okno se zavře klíčem F4), Stisknutím ESC zavřete(okno se zavře klíčem ESC). Abyste návštěvníky webu neobtěžovali hádankou se zavíráním modálního okna, doporučuji zaškrtnout všechna políčka.
    
14. Klikněte Publikovat. Gratulujeme, vaše modální okno bylo vytvořeno!

O přizpůsobení designu vyskakovacího okna

Chcete-li změnit design vytvořeného modálního okna, přejděte do podsekce Téma sekce Popup Maker postranní nabídka panelu administrátora (vlevo).

V editoru, který se otevře, nakonfigurujte požadované pozadí okna, barva A velikosti písma, výplň, stíny, název tlačítka zavírání. Chuť a barva… víte, takže nebudu zabíhat do podrobností o přizpůsobení designu vyskakovacího okna. Pokud máte dotazy, zeptejte se jich v komentářích.

Jak nastavit vyskakovací okno

Pamatujte, že jsme v nastavení pluginu nepovolili funkci automatického otevírání modálního okna? Proto musíme zjistit, jak se naše okno otevře. Pojďme nastavit okno, které se zobrazí po kliknutí na odkaz, obrázek nebo tlačítko.

Plugin Popup Make přiřadí každé okno dvě jedinečné třídy CSS. Pokud přidáte některou z těchto tříd do prvku webové stránky, otevře se po kliknutí na tento prvek modální okno.

Kde a jak posílit komentáře na Instagramu – všechny metody. Portál pricesmm.com zjišťoval, co je levnější a lepší: zvýšit komentáře na Instagramu sami, pomocí programů, získat výměnou nebo si objednat službu ve službě SMM. Klady a zápory každé metody.

Příklady přidání kódu CSS modálního okna k odkazu, obrázku a tlačítku:

< a href = "#" class = >Otevřete modální okno< / a >

Po kliknutí na obrázek se zobrazí modální okno

< img src = "popup-primer.jpg" class = "popmake-obrazets-modalnogo-okna"/ >

Modální okno se aktivuje po kliknutí na tlačítko

< button class = "popmake-obrazets-modalnogo-okna"> Otevřít modální okno< / button >

Po přidání třídy CSS na prvek HTML klikněte popmake-obrazets-modalnogo-okna. Mělo by se objevit modální okno podobné tomuto:

Objevilo se to? Skvělý! Nyní můžete konfigurovat vyskakovací okna. Pokud se okno neotevře, popište problém v komentářích - spustíme jej společně!

Dobrý den, milí čtenáři tohoto blogu. Všímáte si vyskakovacích oken na některých webech? Vyvstaly otázky: jak se vyrábějí a proč jsou vůbec potřeba? mám ano.

Takže přátelé, dnes vám o nich povím přesně. Ale! Pojďme nejprve zjistit, proč je vůbec potřebujeme? Co z nich můžete získat a jaký bude výsledek? Já odpovídám.

Prostřednictvím takových vyskakovacích oken je účinek dopadu velmi velký. Říká se, že někdy se stane, že se počet předplatitelů zvýší 4krát. Chladný! Není to ono? Použití vyskakovacích oken (popunders) je velmi efektivní způsob, jak přilákat obrovské množství návštěvníků. Obvykle se používají pro:

• zpravodaj;
• PR pro placené vzdělávací kurzy;
• propagace skupin na sociálních sítích sítě;

Musím vám připomenout, že někdy takové vyskakovací reklamy mohou webu poškodit. To je způsobeno tím, že to někteří uživatelé považují za velmi nepříjemné. Co mohu říci, také jsem velmi rozzlobený na takové metody upoutání pozornosti. V reakci na to vše dochází k nárůstu 100% selhání na webu, což je škodlivé.

Ale! Všechny tyto problémy lze obejít, pokud je vyskakovací okno správně nakonfigurováno.

Vraťme se tedy k naší hlavní otázce.

Vyskakovací okna na WordPress

1.WP-MK

Skvělý plugin, na který jsem narazil náhodou. Snadné nastavení, rozhraní v ruském jazyce a celá sada nástrojů. Je ideální pro:

• Reklama (například Google Adsense);
• PR vašich skupin na sociálních sítích. sítě;
• Jednoduchý formulář předplatného.

Plugin si můžete stáhnout z . Poté jej nainstalujeme a aktivujeme běžným způsobem. Přejít do nastavení vlevo? vyskakovací okno a vidíme následující:

Podle mého názoru je zde vše jednoduché, nevidím smysl rozebírat vše samostatně. Pokud máte nějaké dotazy, můžete se jich zeptat v komentářích.

2. Ninja Popups.

Pokud chcete, aby uživatelé při návštěvě vašeho webu viděli „Wow“ a viděli vyskakovací okno, nainstalujte si tento mega cool plugin. Ninja Popups je vyskakovací monstrum na . Oproti WP-MK je z hlediska funkčnosti daleko lepší. Všiml jsem si, že Ninja Popups používají mistři svého řemesla. Proč? Plugin je placený a ne každý si ho může dovolit. Za sebe mohu říci, že jejich ceny jsou rozumné, moc nevyžadují. Můžete se dozvědět více o nákladech Tady.

No, pojďme zjistit, co přesně získáme z tohoto pluginu:

• snadné nastavení;
• více než 100 hotových šablon pro předplatné a další druhy reklamy (soutěže, propagace, školení atd.);
• statistika;
• mobilní verze vyskakovacího okna;
• pokročilé nastavení časů zobrazení;
• A mnohem víc.

Pokud se chcete dozvědět o všech výhodách pluginu, přejděte na tento odkaz.

Jak si přizpůsobit plugin pro sebe? Navrhuji následující... Místo otravného textu je lepší se podívat na tréninkové video:

To je vše, přátelé, co se nastavení týče. Ale přesto, pokud máte nějaké dotazy, zeptejte se jich v komentářích.

3. Popup Maker (modální okno)

Plugin, který má funkci vytváření modálního vyskakovacího okna. V našem případě se vyskakovací okna zobrazí po kliknutí na:

• odkaz;
• knoflík;
• obrázek.

Jak to tedy nastavit?

1. Stažení zapojit;

2. Nainstalujte a aktivujte;

3. Vlevo v nabídce hledáme: Pupup Maker -> Přidat nový.

4. Před námi se objeví stránka podobná této:

Nepřipomíná vám to nic? Stránka je úplně stejná jako formulář pro publikování článků na WordPressu. Jak vidíte, byly zde přidány některé další funkce (nastavení).

Pojďme se na ně podívat podrobněji.

Vyskakovací okno (název)- nebude se nikde zobrazovat, zde pojmenujeme náš popunder v pluginu.

Zde zadejte název okna- napište jméno (například: odběr novinek).

Podmínky cílení- zaškrtněte políčko, kde se zobrazí naše okno.

Nastavení motivu – zde zatím nejsou žádné možnosti. Ve výchozím nastavení vyberte. Přátelé, v budoucnu si můžete vytvořit vlastní šablonu pro návrh modálního okna. Mimochodem, funkce je velmi cool. Můžete to najít: Pupup Maker -> Všechna témata.

Kód – co se zobrazí v okně. V našem případě video z YouTube:

Níže nás čekají další nastavení (velikost okna, průhlednost, doba zobrazení atd.). Není tam nic složitého. Doufám, že to zvládneš. Pokud máte nějaké dotazy, neváhejte se jich zeptat v komentářích.

Po provedení všech nastavení nám zbývá pouze publikovat vyskakovací okno.

Ale přátelé nejsou všechno. Přejděte do sekce Pupup Maker -> All Popups. Hledáme třídy CSS. Zajímá nás kód jako tento: popmake-xxx.

Tento kód potřebujeme k zobrazení okna při kliknutí na odkaz, obrázek nebo tlačítko (říkal jsem na začátku).

Otevření okna po kliknutí na obrázek:

Otevření stisknutím tlačítka:

< button class = "popmake-xxx" >Otevřené okno

Tento kód lze vložit kamkoli (například do článku nebo widgetu). Žádný rozdíl. Pokud máte nějaké problémy nebo dotazy, zeptejte se v komentářích, rád pomohu.

Touto veselou poznámkou seznam vyskakovacích pluginů pro WordPress končí. Doufám, že si z těchto tří najdete tu svou, která se vám bude líbit. Děkuji, že jste se mnou byli až do konce.

Chcete-li získat aktualizace, zúčastněte se . Brzy se uvidíme. Ahoj všichni!

S pozdravem Mogish Ivan

Můžete zjistit, že vyskakovací okno je okno, které se otevře na obrazovce počítače v důsledku provedení nějaké operace.

V tomto článku se podíváme na vytváření vyskakovacích oken pro WordPress.

Tento druh vyskakovacích oken lze použít k různým účelům: do tohoto okna můžete vložit přihlašovací formulář, nějaký druh informační zprávy, obrázek, kontaktní formulář atd.

Jako nástroj pro vytváření vyskakovacích oken v tomto článku budu považovat speciální plugin pro WordPress tzv Vyskakovací okno WordPress.

WordPress PopUp plugin pro vytváření vyskakovacích oken

Tento plugin je dostupný v adresáři pluginů přímo v oblasti správy WordPressu, takže jeho instalace je snadná.

Najděte jej pomocí vyhledávacího formuláře a klikněte Nainstalujte:

V nabídce správce bude k dispozici nová položka Vyskakovat:

Tato položka umožňuje konfigurovat plugin a spravovat jeho funkčnost. Zvažme všechny výše uvedené podrobněji.

V pododstavci Vyskakovací okna směřovat Vyskakovat K dispozici jsou všechna existující vyskakovací okna a jejich správa. Protože ještě nebylo vytvořeno žádné okno, položka je prázdná:

Napravme tuto situaci a vytvoříme naše první vyskakovací okno, proto přejdeme na podpoložku Přidat nový a stiskněte stejnojmenné tlačítko:

Bylo vytvořeno nové okno. Pojďme se rovnou rozhodnout, co bude obsahem tohoto okna, ať je to např. formulář předplatného.

Vytvořené vyskakovací okno začněme nastavovat tak, že si zapíšeme jeho název, respektive určitý identifikátor, podle kterého toto okno najdeme mezi ostatními, pokud existuje.

Tento identifikátor se zapisuje do sloupce Název vyskakovacího okna (nezobrazuje se ve vyskakovacím okně), a protože není těžké uhodnout z názvu tohoto sloupce při překladu do ruštiny, nezobrazuje se v samotném vyskakovacím okně:

Tyto titulky a titulky se zobrazí úplně nahoře ve vyskakovacím okně.

Těsně dole, v oblasti tzv Hlavní vyskakovací obsah Musíme umístit hlavní obsah našeho vyskakovacího okna. Protože jsem se rozhodl umístit formulář předplatného do tohoto okna, do této oblasti v režimu textového editoru napíšu přesně kód formuláře předplatného:

Tady trochu vpravo v sekci Obrázek funkce vyskakovacího okna (volitelné) Můžete implementovat vkládání libovolných obrázků do vyskakovacího okna:

Nebudu vkládat obrázek.

Trochu níže, v sekci Tlačítko výzvy k akci (volitelné) Do vytvořeného okna je možné přidat tlačítko s voláním nějaké akce:

Vytvoření takového tlačítka je extrémně jednoduché – do sloupce je potřeba napsat název tlačítka Štítek tlačítka a v grafu Odkaz na tlačítko umístěte odkaz, který aktivuje požadovanou akci.

Zbývá určit některé parametry vytvořeného Vyskakovat okno. Pojďme se na ně podívat blíže.

Nastavení vyskakovacích možností

Ve skutečnosti nejsou v bezplatné verzi pluginu k dispozici všechna nastavení, a protože ne každý uživatel chce utrácet vlastní peníze za placenou verzi pluginu, podíváme se nejprve na základní nastavení dostupné v bezplatné verzi pluginu. zapojit.

Začněme popořadě sekcí Vzhled:

Doslovný překlad názvu této položky znamená „vzhled“. Není těžké uhodnout, že nastavení v této části určuje vlastnosti vyskakovacího okna.

Z pluginů dostupných pro bezplatnou verzi je zde pouze zaškrtávací políčko Žádné zaoblené rohy, zaškrtnutí, které aktivuje rovné, spíše než zaoblené, jako ve výchozím nastavení rohy vlastního okna, a také možnost ručně určit velikost vlastního okna v položce Použijte vlastní velikost(zaškrtnutí v příslušném zaškrtávacím políčku umožňuje určit šířku a výšku okna v pixelech).

Nyní se podíváme na sekci Chování, nastavení, která určují chování vyskakovacího okna:

Nastavení dostupná pro bezplatnou verzi pluginu zahrnují následující:

• Kdy zobrazit vyskakovací okno:— čas (v sekundách nebo minutách, volitelně) od okamžiku otevření stránky webu do zobrazení vyskakovacího okna;
• Nastavení „Tuto zprávu už nikdy nezobrazovat“:— nastavení, která umožňují návštěvníkovi kliknout na speciální tlačítko, které v budoucnu zablokuje zobrazení vyskakovacího okna při otevírání stránek tohoto zdroje. Zde je k dispozici pouze zaškrtávací políčko Přidejte odkaz „Už nikdy tuto zprávu nezobrazovat“., zaškrtnutí, které aktivuje vzhled odkazu s kotvou Tuto zprávu již nikdy nezobrazovat, kliknutím na který blokuje další zobrazení vyskakovacího okna tomuto uživateli na stránkách tohoto zdroje.

Přejdeme do sekce nastavení Podmínky zobrazení (volitelné) odpovědný za podmínky pro zobrazení vlastního vyskakovacího okna:

Je zde značný počet bodů, podívejme se na ně v pořadí:

• Návštěvník je přihlášen— zobrazení vyskakovacího okna uživatelům, kteří byli na webu ověřeni (v závislosti na dostupnosti takové možnosti);
• Návštěvník není přihlášen— zobrazení vyskakovacího okna uživatelům, kteří nejsou na webu ověřeni;
• Vyskakovací okno zobrazeno méně než— zobrazit vyskakovací okno, dokud jej uživatel neuvidí několikrát (nastaveno ve sloupci Zobrazovat vyskakovací okno často:);
• Pouze na mobilních zařízeních— zobrazení vyskakovacího okna pouze pro návštěvníky z mobilních zařízení;
• Ne na mobilních zařízeních— zobrazení vyskakovacího okna pouze pro návštěvníky z počítače nebo notebooku (nikoli z mobilních zařízení);
• Od konkrétního referrera— zobrazí vyskakovací okno, pokud uživatel přišel pomocí speciálního referer
• Ne od konkrétního referrera— skrytí vyskakovacího okna, pokud uživatel přišel pomocí speciálního referer(zde se nastavují odkazující);
• Ne z interního odkazu— vyskakovací okno se nezobrazí, pokud uživatel přišel prostřednictvím interního odkazu z jiné stránky stejného zdroje;
• Z vyhledávače— zobrazení vyskakovacího okna pro návštěvníky, kteří přišli na web z vyhledávačů;
• Na konkrétní URL— zobrazit vyskakovací okno pro návštěvníky umístěné na určité URL Úplné adresy URL;
• Ne na konkrétní URL— zobrazit vyskakovací okno pro návštěvníky, s výjimkou těch na některých URL, jejichž seznam je uveden zde ve sloupci Úplné adresy URL;
• Návštěvník se vyjádřil již dříve— zobrazení vyskakovacího okna uživatelům, kteří na webu zanechali komentáře. Tento stav lze kombinovat s podmínkou Návštěvník je přihlášen nebo Návštěvník není přihlášen;
• Návštěvník se nikdy nevyjádřil— zobrazení vyskakovacího okna uživatelům, kteří na stránce nezanechali komentáře. Tento stav lze kombinovat s podmínkou Návštěvník je přihlášen nebo Návštěvník není přihlášen.

Podívali jsme se na všechna nastavení dostupná pro bezplatnou verzi pluginu, nyní si krátce projdeme nastavení dostupná pouze pro placenou verzi pluginu Vyskakovací okno WordPress:

Toto jsou bonusy, které přicházejí s placenou verzí dotyčného pluginu, která je mimochodem nabízena za 19 dolarů.

Po dokončení všech nezbytných kroků k vytvoření a konfiguraci vyskakovacího okna je třeba uložit výsledek (tlačítko Uložit) a podívejte se, co se stalo, pomocí náhledu (tlačítko Náhled vyskakovacího okna):

Pokud vám výsledek vyhovuje, můžete aktivovat vyskakovací okno (posuvník Postavení přesunout do polohy aktivní).

Nakonec jsem po všech výše uvedených krocích získal následující výsledek:

Ukázalo se, že je to docela obsáhlá recenze pluginu. Vyskakovací okno WordPress, který umožňuje vytvářet vyskakovací okna pro internetové zdroje pomocí enginu WordPress.

Po přečtení článku můžete snadno využít funkčnost pluginu ve svůj prospěch na svém webu.

Nedávno jsem byl pro jeden web požádán, abych vytvořil formulář zpětné vazby pro WordPress v modálním okně. To znamená, že při kliknutí na odkaz „napište nám“ by měl uživatel místo přechodu na příslušnou stránku otevřít nové vyskakovací okno, kde bude umístěna funkce odeslání zprávy. Jedná se o interaktivnější řešení, i když ne každému se líbí. Osobně preferuji klasickou implementaci s kontaktní stránkou, ale formuláře na stránkách se liší – bude tedy užitečné zvážit řešení tohoto problému. Ve své práci jsem použil 2 pluginy: známý Contact Form 7 a modul Easy Modal pro vytvoření modálního okna ve WordPressu.

Aktualizace 18.05.2017: Soudě podle posledních recenzí v úložišti mohou být v některých případech problémy s jeho provozem. Pokud se to týká i vás, vyzkoušejte nové řešení od vývojářů s názvem Popup Maker. Lze uvažovat o jiné alternativě.

Nebudu zabíhat do podrobností o instalaci a konfiguraci kontaktního formuláře 7; všechny informace o něm jsou zde. Na blogu byl také článek o tom, co by se mohlo hodit.

Přejděme rovnou k modulu Easy Modal. Najdete ho. Vývojáři tvrdí, že jde o nejlepší řešení pro vytváření modálních oken na webu s různými zajímavými možnostmi prezentace obsahu.

Přes 10 tisíc stažení, hodnocení 4,6. Platné verze 3.4 jsou 4.0.8, i když jsem to úspěšně spustil na WP 4.3.1. Navzdory skutečnosti, že plugin byl nyní transformován do nového řešení Popup Maker, na webu wordpress.org a při hledání pluginů v admin panelu stále najdete obvyklou Easy Modal verze 2.0.17. Na jeho příkladu vám řeknu o vytvoření modálního okna zpětné vazby ve WordPressu.

Po instalaci se objeví stejnojmenná sekce, kde je několik položek. Budeme potřebovat úplně první z nich - Modály. Zde klikněte na tlačítko Přidat nový.

Tato akce vytvoří nové modální okno pro váš web WordPress. Nastavení prvků bude mít 4 karty:

• Obecné — obecné parametry.
• Možnosti zobrazení - možnosti zobrazení.
• Zavřít Možnosti - nastavení pro zavření okna (kliknutím nebo tlačítkem Esc).
• Příklady - příklady kódu k použití.

Obecná nastavení obsahují název okna (nezobrazuje se na webu), jeho název, obsah a typ stahování. V bloku obsahu, přepnutím do režimu HTML, přidejte krátký kód formuláře zpětné vazby v modálním okně.

Typ zatížení má 2 možnosti:

• Načíst celý web (pro celý web).
• Za stránku/příspěvek (pro konkrétní příspěvky a stránky).

Velmi zajímavá možnost. Pokud potřebujete vyskakovací okno, které se bude zobrazovat na všech stránkách webu (odkaz se nachází například v bočním panelu), pak zvolte první možnost. V druhém případě se na stránkách/příspěvcích webu při úpravách objeví odpovídající blok nastavení:

Můžete aktivovat a vybrat vlastní vyskakovací okno pro konkrétní stránku. Pokud políčko nezaškrtnete, prvek se na web nenačte.

Druhá záložka parametrů modulu je Volby zobrazení.

Zde uvádíte:

• velikost okna - automatická, střední, adaptivní, malá, velká atd.;
• pozadí - můžete použít pozadí formuláře nebo jej zobrazit bez něj;
• animace vyskakovacích oken;
• pozice (umístění) - nahoře uprostřed, vpravo dole atd.; pevné nebo ne;
• odsazení v horní části obrazovky.

Příklady zobrazení výstupu modálního okna ve WordPressu pomocí pluginu Easy Modal najdete na poslední záložce.

Tento kód musíte vložit pomocí widgetu na postranním panelu nebo v textovém editoru. Neliší se od jakéhokoli jiného HTML kódu, pouze je zde uvedena třída konkrétního modálního okna (eModal-1). Pro druhý prvek, který jste vytvořili, bude třída eModal-2 atd. Abyste při vkládání kódu neudělali chybu, je nejjednodušší jej zkopírovat z této stránky.

Úprava motivu modálního okna

V pluginu Easy Modal lze kromě nastavení pro konkrétní prvek definovat motivy pro vyskakovací okna (Theme). Základní bezplatná verze modulu má pouze jednu šablonu, ale ta je více než dostačující.

Tento nástroj má 6 záložek:

• Obecné - uveďte název tématu;
• Překrytí — pozadí (zde můžete vybrat barvu a průhlednost pozadí formuláře);
• Kontejner - různá nastavení samotného modálního okna (výplň, rám, stín);
• Title—parametry titulku vyskakovacího okna (font, stín);
• Obsah — font a barva textů v bloku;
• Close - uzavírací prvek formuláře (text a design).

Jak vidíte, vzhled lze upravit tak, aby vyhovoval vašim potřebám. Skončil jsem s tímto jednoduchým formulářem WordPress v modálním okně:

Po nastavení všech nastavení je nezapomeňte uložit (klikněte na tlačítko Uložit).

Video přidání kontaktního formuláře 7 do vyskakovacího okna Easy Modal

Mimochodem, našel jsem video o práci s pluginem Easy Modal, které demonstruje proces vytváření modálního okna zpětné vazby ve WordPressu. Tam je rozhraní modulu mírně zastaralé (některá nastavení vypadají jinak), ale můžete získat obecnou podstatu. Snad pro někoho bude snazší tuto problematiku pochopit pomocí videa.

Celkem o modálních oknech pro WordPress

Jak bylo uvedeno výše, nyní byl plugin Easy Modal (soudě podle oficiální stránky) převeden na Popup Maker. V úložišti se mi podařilo najít stejnojmenný modul, ale netestoval jsem ho. Říkám vám o tom, abyste věděli, co hledat, pokud Easy Modal ve WordPressu v následujících verzích náhle přestane fungovat.

Obě řešení jsou zdarma, i když mají placené doplňky. Umožňují vám přizpůsobit cílení, přidat další designová témata, obsahují analýzy a některé další funkce. Pokud potřebujete pokročilejší mechanismus modálních oken, můžete se na tato rozšíření podívat blíže.

Pokud jde o úkol otevřít formulář zpětné vazby Contact Form 7 ve vyskakovacím okně, základní možnosti Easy Modal jsou dostatečné. Navíc lze toto řešení použít i pro zobrazení dalších modálních oken ve WordPressu – užitečné tipy, doplňkové informace atd. Vzhledem k přítomnosti editoru pro vkládání HTML kódu můžete ve vyskakovacím okně zobrazovat videa, formuláře atd. Celkově vzato užitečný plugin. Pokud k tomu máte nějaké dotazy, napište do komentářů.

Ahoj všichni!

Popup plugin WordPress – vrstvená vyskakovací okna

Co tedy získáte poté, co si jej stáhnete z odkazu na konci příspěvku a nainstalujete na svůj blog nebo webovou stránku wordpress?

Budete mít příležitost:

vytvořit vyskakovací okno;

použijte přednastavenou šablonu vyskakovacího okna;

vytvořte si vlastní vyskakovací okno.

Upřímně řečeno, strávil jsem celkem asi týden překládáním tohoto vyskakovacího pluginu a snažil jsem se to udělat dobře. Doufám, že se vám bude líbit.

Nastavení vyskakovacího pluginu

V hlavním nastavení je vše v ruštině, jak je uvedeno výše. Pro vás na tom nebude nic složitého. Vyberete si parametry, otestujete je a vyberete tu nejlepší variantu.

Při vytváření nového vyskakovacího okna budete mít přístup k řadě funkcí, pomocí kterých můžete provést potřebná nastavení ve vyskakovacím okně WordPress, takže vám nikdo nebrání být kreativní.

Pokud vidíte text jako: „zadejte zprávu...“ - nebojte se, můžete jej nahradit jakýmkoli jiným textem a v libovolném jazyce.

Zásuvný modul pro vyskakovací okno pro poštu

Zde již máte vystaráno, ale můžete zadat svůj vlastní text, jak chcete.

Sekce Integrace popup plugin WordPress

Pro mě osobně to není nijak zvlášť zajímavé, ale možná někdo používá k odesílání emailů služby třetích stran.

Vyskakovací okna – A/B kampaně

Zde můžete vytvářet společnosti a sledovat, které vyskakovací okno je nejúčinnější.

Pokud vidíte, že některé formuláře jsou blokovány, nelekejte se, můžete je snadno odblokovat, ale v jiné sekci.

Hned řeknu, že jsem tuto sekci nijak zvlášť netestoval.

Pokud kliknete na tlačítko „vytvořit“, objeví se další nastavení, které můžete upravit podle svých potřeb.

Časopis jsem také netestoval, takže jen zmíním a nic víc.

Popup plugin WordPress – vrstvená vyskakovací okna má funkci, která umožňuje stahovat a instalovat další vyskakovací okna, ale problém je, že bez nákupního kódu je k ničemu.

Existuje také sekce s doplňky, ale bohužel také stojí peníze.

Jako první bych se určitě podíval do sekce nastavení. Upřímně řečeno, nastavit všechny potřebné parametry.

K dispozici je také sekce FAQ - „Frequently Asked Questions“, ale nemá nic společného s pluginem a přesměrovává uživatele na stránku s odpověďmi v angličtině, takže ji nebude možné přeložit.

Nyní bych rád uvedl několik příkladů toho, jaký druh vyskakovacího okna WordPress můžete vytvořit, a to i pomocí příkladů vyskakovacích oken zabudovaných do pluginu: