Potřebujete vědět, jak vytvářet vyskakovací okna pomocí Elementor ?
Elementor není jen tvůrce stránek. To je WordPress Plugin univerzální. Můžete s tím dělat několik dalších věcí Elementor kromě tvorby webových stránek. Jedním z nich je vytváření vyskakovacích oken.
V tomto článku vám ukážeme, jak vytvořit vyskakovací okno pomocí funkce Popup BuilderElementor.
Vytvoření vyskakovacího okna pomocí Elementor je velmi snadné. Vyskakovací okno můžete vytvořit pomocí vizuálního rozhraní Elementor, kde je vše přetahováno. Elementor také nabízí šablony vyskakovacích oken, které můžete použít k vytvoření vyskakovacích oken. Jednoduše budete muset vybrat model, publikovat jej a definovat spouštěč.
Discover Jak nainstalovat Elementor na WordPress
Než půjdeme dále, je důležité poznamenat, že Elementor's Popup Builder je k dispozici pouze v profesionální verzi.
Jak vytvořit vyskakovací okno pomocí Elementor
Při vytváření vyskakovacího okna pomocí Elementoru můžete nastavit spouštěč (akce pro zobrazení vyskakovacího okna) a nakonfigurovat podmínku (na kterých stránkách se má vyskakovací okno zobrazovat). Kromě toho můžete také nastavit pokročilé pravidlo (popsané níže).
Čtěte také: Jak vytvořit vícebarevné tlačítko přechodu v Elementoru
V této příručce vytvoříme vyskakovací okno s výzvou k akci se spouštěčem při kliknutí na tlačítko. Vyskakovací okno se zobrazí, když uživatel klikne na tlačítko.
Za předpokladu, že jste nainstalovali Elementor Pro, přihlaste se do řídicího panelu WordPress a přejděte na Šablony – > Vyskakovací okna a stiskněte tlačítko Add On výše.
Pojmenujte své vyskakovací okno a klikněte na tlačítko VYTVOŘIT MODEL.
Vyberte šablonu vyskakovacího okna, kterou chcete použít. Najeďte na něj myší a klikněte na tlačítko vložit pro vložení do editoru Elementor.
Pokud dáváte přednost vytváření vyskakovacího okna od začátku, můžete jednoduše zavřít knihovnu šablon a otevřít editor Elementor.
V editoru Elementor si můžete přizpůsobit vyskakovací okno. Výchozí obsah (zejména texty) můžete nahradit vlastním obsahem. Pomocí prohlížeče usnadněte přeskakování mezi sekcemi a widgety.
Můžete také přidat animaci vstupu/ukončení, aktivovat/deaktivovat překrytí a aktivovat/deaktivovat tlačítko zavřít.
Po dokončení klikněte na tlačítko VYDAVATEL.
V dalším kroku budete požádáni o nastavení podmínek zobrazení a spouštění. Existuje také možnost nastavit pokročilá pravidla:
- Podmínky zobrazení: Určuje, na kterých stránkách se na vašem webu objeví vyskakovací okno. Vyskakovací okno můžete nakonfigurovat tak, aby se zobrazovalo na celém webu, konkrétních stránkách, konkrétních příspěvcích, konkrétních kategoriích atd.
- Spouštěče: Spouštěč je akce pro zobrazení vyskakovacího okna. Elementor podporuje 6 typů spouštěčů: Při načtení stránky, Při posouvání, Při posouvání prvku, Při kliknutí, Po nečinnosti ukončení na stránce
- Pokročilá pravidla: Požadavky, které musí být splněny, aby se vyskakovací okno zobrazilo. Můžete například nakonfigurovat, aby se vyskakovací okno zobrazilo, pokud návštěvník přijde na váš web prostřednictvím vyhledávače nebo určité adresy URL. Samotný Elementor's Popup Builder nabízí 7 pokročilých možností pravidel, které si můžete nastavit.
Protože chceme zobrazit vyskakovací okno, když uživatel klikne na tlačítko, otevřete kartu spouštěče a aktivujte tuto možnost Při kliknutí, Klikněte na Uložit a zavřít.
Vytvořte novou stránku/příspěvek a upravte ji pomocí Elementor (můžete také upravit existující stránku).
Přidat Tlačítkový widget přetažením z levého panelu do oblasti úprav. Nebo, pokud upravujete existující stránku, která již obsahuje tlačítko, klikněte na widget Tlačítko a přepněte ji do režimu úprav.
Objevte také: Jak nastavit vlastní velikost ikony tlačítka Elementor
Na možnost knoflík pod záložkou Obsah, nastavte odkaz na Pop-up. Chcete-li to provést, můžete kliknout do sekce Dynamické propojení.
Klikněte na ikonu klíče v poli Pop-up a vyberte vyskakovací okno, které jste právě vytvořili. Zadejte název vyskakovacího okna a vyhledejte vyskakovací okno.
Klepněte na tlačítko PUBLIKOVAT / AKTUALIZOVAT po úpravě stránky. Před kliknutím na tlačítko PUBLIKOVAT / AKTUALIZOVAT, můžete si nejprve prohlédnout náhled stránky a zjistit, zda vyskakovací okno již funguje.
Získejte Elementor Pro nyní!!!
Proč investovat do čističky vzduchu?
S Elementor Pro již nemusíte instalovat žádný popup plugin, protože funkce nabízené Elementor Pro zahrnují tvůrce vyskakovacích oken.
Elementor's Popup Builder umožňuje vytvářet jakýkoli typ vyskakovacích oken. Z vyskakovacího okna s výzvou k akci, jaké jsme právě vytvořili výše, vyskakovací okno formulář registrace, oznamovací lišta, tlačítko pro sdílení na sociálních sítích atd.
Protože se vyskakovací okno vytváří pomocí editoru Elementor, můžete do vyskakovacího okna v podstatě přidat jakýkoli widget. Pomocí Elementor's Popup Builder můžete také vytvořit kreativní webovou nabídku, jako je ta níže:
Elementor nabízí šablony vyskakovacích oken, které vám ušetří čas při vytváření vyskakovacích oken. Můžete také použít šablonu, pokud nemáte představu, jaký design vyskakovacího okna chcete vytvořit.
Tady ! To je pro tento článek, který vám ukáže, jak vytvářet vyskakovací okna pomocí Elementor. 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.
...
