Jak přidat kolo štěstí na webové stránky?

Kolo štěstí / Spinning Wheel

V předchozích článcích jsme si ukázali Jak přidat kalendář akcí/eventů na webové stránky? nebo Jak přidat počítadlo čísel na webové stránky? V tomto návodu si ukážeme další funkci/widget, od společnosti Elfsight, která vám pomůže přidat populární online kolo štěstí na vaše webové stránky. Hlavní výhodou všech funkcí od Elfsightu je možnost jejich širokého využití v různých online editorech (Webnode, Weebly, WordPress…).

Kolo štěstí, Spinning Wheel widget, Vám umožní hravou formou upoutat a zapojit návštěvníka Vaší stránky, navýšit prodeje Vašeho e-shopu a jednoduše sbírat nové e-mailové adresy. Kdo odolá designovému kolu štěstí s příslibem výhry? I ti největší skeptici si jistě rádi zatočí.

Tento randomizovaný kolotoč nabízí širokou míru nastavení a personalizace. Je responzivní, tedy se přizpůsobí zařízení (počítač, tablet, mobil). Wpromotions.eu oceňuje hlavně možnost nastavit pro každou výhru různou „šanci na padnutí“ a možnost znovu otevřít popup kolo štěstí po zavření.

Pojďme na to!

Kolo štěstí – zdarma VS premium

Kolo štěstí, které si ukážeme v tomto návodu, je zdarma. Externí služba Elfsight nabízí ve své bezplatné verzi (LITE) možnost vytvořit si 1 widget zdarma.

V případě potřeby dalšího widgetu, je nutné zakoupit jeden z Prémiových tarifů, který tato služba nabízí.

Cena začíná již na 6 USD/měsíc. Ovšem často narazíte na různé akce, čímž se náklady za službu sníží.

Kolo štěstí – šablony

Externí služba Elfsight momentálně nabízí na výběr z 11 šablon pro kolo štěstí. Všechny šablony nabízejí širokou míru úprav a personalizace.

Elfsight šablony jsou responzivní, tedy se přizpůsobí zařízení (počítač, tablet, mobil), moderní a uživatelsky přívětivé.

Úprava s editorem Elfsight není dostupná v češtině/slovenštině.

Jak přidat kolo štěstí na webové stránky ve Webnode?

1. Přejděte na oficiální stránky https://elfsight.com/, otevřete tab Widgets a vyberte možnost Spinning Wheel.

2. Klikněte na tlačítko Continue with this template.

3. V prvním kroku, pod sekcí Content, můžete nastavit obsahovou složku kola štěstí. Elfsight umožňuje přejmenovat nadpis kola štěstí (1), změnit text (2), odebrat/přidat potřebu zadat e-mail k otočení kola (3), přidat Vaše logo (4) či vložit text patičky (5).

Dále můžete pod sekcí Content přidat další cenu, a to kliknutím na Add Prize. Při tvorbě nové ceny zadáváte název ceny (1), popis ceny (2), text (3), slevový kód (4), název tlačítka akce (5), tlačítko akce – odkaz (6) i text patičky (7).

Velmi důležitým prvním, který tato služba nabízí, je možnost nastavit šanci (8) s jakou pravděpodobností daná výhra padne. Čím nižší procento nastavíte, tím je šance na danou výhru menší.

Poslední možností je nastavit barvu dané ceny (9).

Většina nastavení je pro zákazníka viditelná poté, co daná výhra padne.

4. V sekci Settings můžete nastavit kdy se popup okno s kolem štěstí zobrazí – Show Popup (1). Na výběr máte hned několik možností a to Instantly (Ihned), After Delay (S oneskorením), On Scroll (Při skrolování) či On Exit Intent (Při pokusu o exit stránky).

Také můžete nastavit Pages (2), tedy podstránky Vašeho webu, na kterých se kolo štěstí zobrazí a Devices (3), na kterých zařízeních se kolo štěstí zobrazí.

Pod Schedule (4) můžete nastavit, který den a odkdy-dokdy se bude kolo štěstí na Vašem webu zobrazovat. Skvělou výhodou je, že máte možnost toto nastavení opakovat. Tedy kolo štěstí se bude na stránkách zobrazovat každý den mezi 15:00-21:00.

Poslední možností je nastavit Language (5), tedy jazyk.

5. V sekci Notifications můžete rozhodnout o odeslání e-mailové notifikace na výherce/klienta – Price Confirmation to Client (1) či vlastníka stránky – Owner Notification (2). E-mail vlastníka zadáváte to kolonky Owner Email (3).

6. Sekce Theme Vám nabízí možnost širší personalizace a to nastavením barvy pozadí (1), barvy písma (2) a fontu písma (4), jakož i nastavení celkové barevné škály (3) – barva tlačítka, defaultní barva kola štěstí.

7. V  případě, že jste s úpravami hotovi, klikněte na Add to website for free.

Služba Vás vyzve o přihlášení. Můžete využít svůj stávající Google nebo Facebook účet, zda se přihlásit pomocí e-mailu.

8. Klikněte na tlačítko Publish v pravém horním rohu a zkopírujte si potřebný HTML kód pomocí Copy Code.

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

10. Hotovo – po vložení kódu už jen publikujte změny tlačítkem Publikovat v horní liště. Kolo štěstí uvidíte v publikované verzi Vaší webové stránky.

Pár slov na závěr

Kolo štěstí od Elfsight je rychlý a efektivní způsob, jak navýšit své prodeje. Moderní design tohoto widgetu a příslib výhry jednoznačně dopomohou ke snadnějšímu sbírání e-mailů a zvýšení interakce návštěvníka s Vaší webovou stránkou/e-shopem.

Kolo štěstí – Časté dotazy (FAQ)

Může uživatel kolo štěstí znovu otevřít po zavření?

Ano. Pokud uživatel popup okno s kolem štěstí zavřel a chce jej znovu otevřít, je to možné v případě, že jste nastavili tvz. Reopen Button pod sekcí Settings.

Kde mohu změnit text tlačítka “Otočit teď”, “Ne, děkuji”, “Zadejte svůj e-mail…” apod.?

Text tlačítka “Otočit nyní”, “Ne, děkuji”, “Zadejte svůj e-mail…” a pár dalších lze změnit pod sekcí Settings – Edit texts.

Potřebuji mít technické znalosti, abych si na web přidal widget od Elfsight?

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).

Další skvělé návody