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).
Jakmile zadaný selektor přidáte, nezapomeňte aktualizovat resp 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.
Krok 2: Otevřete vyskakovací okno v Gutenbergu
Nyní je čas otevřít vyskakovací okno v editoru WordPress Gutenberg.
Přístup k editoru WordPress Gutenberg; můžete vytvořit nový obsah (stránku/příspěvek) nebo vybrat existující obsah. Poté vyberte libovolný blok, který chcete použít jako spouštěč pro zobrazení vyskakovacího okna.
V tomto tutoriálu použijeme blok Tlačítka.
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.
Dobrý. A je to. Chcete-li vidět, jak to fungovalo, publikujte svůj projekt a otevřete jej v novém okně.
Získejte Elementor Pro nyní!!!
Proč investovat do čističky vzduchu?
Tento článek vám ukáže, jak snadno 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í relevantního obsahu a přesvědčivé výzvy 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.
...
