Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA!

Vyskakovací (pop-up) okno ve Webnode

V článku Jak ve Webnode přidat vyskakovací okno pro ověření věku? (18+) jsme Vám ukázali, jak jednoduše si na web přidáte ověření věku ve formě pop-up okna. Pojďme se nyní společně podívat na vaše další možnosti!

Dovedete si představit, Váš Webnode web s atraktivním vyskakovacím oknem!? Já ANO!

Přidejte Vašemu webu interaktivitu pomocí pop-up widgetu. Na pár kliknutí vytvořte efektivní reklamní okno a zaujměte Vaše návštěvníky.

A věděli jste, že systém Webnode umožňuje snadné napojení tohoto widgetu na web pomocí HTML kódu?!

Vyskakovací (pop-up) okno – zdarma VS premium

Reklamní pop-up okno, které si ukážeme v tomto návodu je do určité míry zdarma. Externí služba Elfsight funguje tak, že nabízí ve free verzi (LITE) určitý počet zobrazení (aktuálně je to 200 zobrazení/měsíčně), takže pro menší e-shop/web to úplně stačí.

Při větší návštěvnosti je třeba po dosažení limitu zakoupit jeden z Prémiových tarifů, který tato služba Elfsight nabízí.

Cena začíná již na 5 USD/měsíc.

Vyskakovací (pop-up) okno – vyberte si ten správny typ

Externí služba Elfsight umožňuje výběr šablony, čímž celý proces zefektivní. Aktuálně máte možnost vybrat si až z 22 různých předpřipravených šablon.

Velmi oblíbená šablona je pop-up „Christmas sale“, která je předpřipravená jako reklamní okno (pop-up) na Vánoce!

Vyskakovací okno (pop-up) a Webnode e-shop/web

Chtěli byste si přidat reklamní pop-up okno na Váš web/e-shop ve Webnode? Žádný problém!

Webnode editor sice funkci pop-up widgetu nemá, ale lze to nastavit pomocí externí služby v tomto návodu a HTML kódu.

Propojení tohoto widgetu s Vaším webem je velice jednoduché a nevyžaduje žádné technické schopnosti. Instalace widgetu Vám zabere pár minut.

Začněte teď!

Vyskakovací okno (pop-up) – funguje i na mobilu/tabletu

NÁVOD: Jak přidat vyskakovací okno ve Webnode?

1. Přejděte na oficiální web stránky https://www.elfsight.com, vyberte si vzhled vyskakovacího okna.

*My pro účely tohoto návodu použijeme první možnost “New Collection”.

Pokračujte zeleným tlačítkem “Continue with this template“.

2. V dalším kroku zcela jednoduše změníte předdefinované texty a obrázek. Systém je intuitivní, určitě to zvládnete.

3 (a).  Klikněte na ozubené kolečko (Settings) a zvolte možnost “Triggers” (spouštěče pop-up okna tzn. kdy se okno spustí).

3 (b). Vypněte předdefinovanou metodu spuštění On Page Load, to nás nebude zajímat, nechceme naštvat naše věrné návštěvníky webu! Při použití této metody se pop-up okno spustí hned jak se načte stránka, může se to hodit například pro nějaké důležité upozornění.

Nás bude zajímat nejlepší marketingová technika pro spuštění pop-up okna.

Tato metoda spuštění vyskakovacího okna se nazývá On Exit Intent a spočívá v tom, že pop-up okno na uživatele vyskočí až v momentě, kdy se pokusí zavřít stránku (odejít z Vašeho webu).

V momentě kdy návštěvník webu odchází, my mu ještě na rozloučenou ukážeme naši skvělou nabídku (pop-up se slevovým kódem, registrace do newsletteru v popupu, pop-up ke stažení ebooku zdarma atd…).

• Odškrtněte “On Page Load”.
• Zaškrtněte “On Exit Intent”.

4. Po registraci se Vám zobrazí Váš nový widget – pokračujte kliknutím na tlačítko “Install”.

5. Zkopírujte si kód pop-up okna.

6. Přihlaste se do editace webu ve Webnode a vložte kód podle toho, jaké služby máte ve Webnode zakoupeny:

7. Hotovo – po vložení kódu už jen publikujte změny tlačítkem Publikovat v horní liště. Vyskakovací okno uvidíte v publikované verzi Vašeho webu.

Pár slov na závěr

V tomto článku jsme si společně přidali vyskakovací okno na váš Webnode web prostřednictvím externí služby Elfsight. Tato jednoduchá a efektivní metoda vám umožní přidat interaktivitu a zaujmout vaše návštěvníky.

Výběr správné šablony pro vaše vyskakovací okno je rozhodující krok as 22 různými možnostmi od Elfsight máte opravdu bohatý výběr. Bez ohledu na to, zda se jedná o speciální nabídku, slevový kód nebo důležité upozornění, můžete si vybrat šablonu, která nejlépe vyhovuje vašim potřebám.

Elfsight vám nabízí možnost začít s bezplatnou verzí a případně přejít na prémiové tarify.

Jak jsme si ukázali, instalace tohoto widgetu není technicky náročná a s naším návodem byste měli být schopni vytvořit atraktivní vyskakovací okno za pár minut.

Zaujměte své návštěvníky, posílte svou marketingovou strategii a vytvořte prostředí, které bude pro ně příjemné a interaktivní. Nyní, když jste získali návod k přidání vyskakovacího okna, můžete začít a vylepšit svůj Webnode web!

Za redakci Wpromotions Vám přejeme mnoho úspěchů v online světě, a hlavně spoustu zábavy s editorem WEBNODE.

Vyskakovací okno (pop-up) HTML Widget – Časté dotazy (FAQ)

Co se stane, když přesáhnu měsíční limit zobrazení vyskakovacího okna od Elfsight?

Vyskakovacie okno prestane fungovať a nebude sa návštevníkom webu zobrazovať. Elfsight Vám pošle upozornenie, že ste prekročil limity.

Co mám dělat, když nevím, co dělat? Můžete to udělat za mě?

Ano – ozvěte se nám a my všechno uděláme za Vás.

Je možné, že časem bude i ve Webnode editoru funkce pop-up okna?

Nikdo neví – na tuto otázku neznáme odpověď. Chcete-li, aby programátoři ze společnosti Webnode naprogramovali takovou funkci, přejděte na oficiální stránky Webnode a napište jim skrze kontaktní formulář Váš názor. Je možné, že pokud se nasbírá více žádostí od uživatelů, tak společnost Webnode propojení na vyskakovací okno do svého editoru přidá.

Potřebuji mít technické znalosti, abych si na web přidal vyskakovací okno?

Ne, technické znalosti vůbec nepotřebujete. Přečtěte si tento návod a určitě to zvládnete! Držíme palce!

Musím zadávat číslo platební karty?

Ne – služba Elfsight nepožaduje vyplnění platební karty při použití verze Zdarma (LITE).

Můžu upravit obsah vyskakovacího okna po jeho publikování na webu?

Ano, obsah vyskakovacího okna můžete kdykoli upravovat na stránce Elfsight. Změny se automaticky projeví na vašem webu.

Další skvělé návody