Potřebujete zjistit, jak otevřít vyskakovací okno Elementor v Gutenbergu?

V online komunitách je vždy jedna věc, která je diskutabilní: vyskakovací okna. Někteří lidé přemýšlí, zda použít vyskakovací okna. Ale podle našeho názoru jsou vyskakovací okna v pořádku, pokud jsou vyskakovací okna jednoduchá, atraktivní a neobtěžují vaše uživatele.

Řekněme, že jste již vytvořili vyskakovací okna s Elementor a chcete je otevřít v editoru WordPress Gutenberg; protože chcete na své blogové příspěvky nebo stránky nasadit vyskakovací okna. Pokud se ptáte, je možné to udělat? No, odpověď je ano, je to možné.

Tento článek vám ukáže, jak otevřít vyskakovací okna Elementor v Gutenbergu.

Jak otevřít vyskakovací okno Elementor v editoru WordPress Gutenberg

Krok 1: Připravte vyskakovací okno

Přejděte k vyskakovací šabloně, kterou jste vytvořili. Pokud jste v Elementoru noví a chcete se naučit, jak vytvářet vyskakovací okna, můžete se podívat na následující návod: kliknutím na toto záruka.

Dobře, jakmile je vytvoření vyskakovacího okna dokončeno, kliknutím na ikonu ozubeného kola ( ️ ) v levém dolním rohu panelu nastavení položky otevřete vyskakovací panel. Ve vyskakovacím panelu nastavení přejděte na kartu pokročilý a přidejte na pole volič Otevřít pomocí voliče . 

Nezapomeňte přidat symbol tečky jako předponu (např. .popup12345).

otevřete vyskakovací okno Elementor v Gutenbergu

Jakmile přidáte zadaný selektor, nezapomeňte aktualizovat nebo publikovat šablonu vyskakovacího okna.

Poznámka: Na kartě Podmínky zobrazení vašeho vyskakovacího okna, prosím nakonfigurujte jej tak, aby zobrazoval vaše vyskakovací okno na Celý web; To vám umožní přístup k vyskakovacímu okně jako celku Webové stránky. Také nemusíte definovat spouštěč, protože vyskakovací okno zobrazíte pomocí selektoru, který jste právě definovali.

otevřete vyskakovací okno Elementor v Gutenbergu

Krok 2: Otevřete vyskakovací okno v Gutenbergu

Nyní je čas otevřít vyskakovací okno v editoru WordPress Gutenberg.

Přejděte do editoru Gutenberg na WordPressu; můžete vytvořit nový obsah (stránka/publikace) nebo vyberte a obsah existující. Dále vyberte libovolný blok, který chcete použít jako spouštěč pro zobrazení vyskakovacího okna.

V tomto tutoriálu použijeme blok Tlačítka.

otevřete vyskakovací okno Elementor v Gutenbergu

Jakmile se rozhodnete, který blok chcete použít jako spouštěč pro zobrazení vyskakovacího okna, přejděte do Nastavení Blokovat – > Pokročilý. Pak přidejte svůj Zadané třídy CSS v Další třídy CSS šampión.

otevřete vyskakovací okno Elementor v Gutenbergu

Dobrý. A je to. Chcete-li vidět, jak to fungovalo, publikujte svůj projekt a otevřete jej v novém okně.

otevřete vyskakovací okno Elementor v Gutenbergu

Získejte Elementor Pro nyní!!!

Proč investovat do čističky vzduchu?

Tento článek vám ukáže, jak dobře můžete otevřít vyskakovací okno Elementor v editoru WordPress Gutenberg. Doufáme, že tento článek bude pro vás užitečný. V neposlední řadě mějte na paměti, že úspěch vašeho vyskakovacího okna závisí na konverzi vašich uživatelů pomocí a obsah relevantní a přesvědčivá výzva k akci.

Pokud máte nějaké obavy, jak se tam dostat, dejte nám vědět commentaires.

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích.

...