Jak přidat počítadlo čísel na webové stránky?

Animované počítadlo čísel

V předchozích článcích jsme si ukázali Jak propojit sociální sítě s webovými stránkami ve Webnode? i Jak přidat recenze z Google na web ve Webnode? V tomto návodu si ukážeme další funkci, tzv. widget, od společnosti Elfsight, která vám pomůže zobrazit čísla a statistiky na vašich webových stránkách. Velkou výhodou společnosti Elfsight je možnost použití jejich widgetů v různých online editorech (Webnode, Weebly, WordPress…).

Animované počítadlo čísel Vám umožní sdílet úspěchy ve formě statistik a čísel, čímž jste přímo schopni ovlivnit názor a upevnit důvěru Vašich zákazníků ve Vaši firmu. Responzivní počítadlo čísel má moderní design a velkou míru personalizace. S touto službou okouzlíte návštěvníky své stránky, získáte více potencionálních zákazníků, a zlepšíte celkový design Vašeho webu.

Pojďme na to!

Počítadlo čísel – zdarma VS premium

Počítadlo čísel nebo Number Counter widget, 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-10 USD/měsíc. Ovšem často narazíte na různé akce, čímž se náklady za službu sníží.

Počítadlo čísel – vyberte si ten správný typ

Externí služba Elfsight umožňuje vybrat si šablonu pro Number Counter widget, a tím celý proces urychlit. Aktuálně si můžete vybrat až z 22 responzivních šablon, například:

• • • Number Counter – White Theme
    • Number Counter – Black Theme
    • Number Counter – Multicolor Counters
    • Number Counter – Success in Numbers
    • Number Counter – Dark Single Counter
    • …

Všechny tyto šablony lze upravovat a personalizovat.

Jak přidat počítadlo čísel 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 Number Counter.

2. Vyberte jednu z 22 dostupných šablon (náhled můžete vidět na pravé straně) a klikněte na tlačítko Continue with this template.

*Pro účely tohoto návodu jsme vybrali šablonu “Cleaning”

3. V prvním kroku, v sekci Content, můžete přejmenovat celý widget a pozměnit, přidat či odebrat prvky daného počítadla.

Widget přejmenujete kliknutím do políčka Widget Title.

Pozměnit/nastavit, duplikovat a vymazat prvek počítadla můžete kliknutím na tři tečky a výběrem Edit, Duplicate nebo Delete.

Přidat prvek můžete kliknutím na Add Counter.

Pod nastaveními prvku widgetu můžete například upravit počáteční i konečnou hodnotu prvku, přejmenovat prvek či přidat/vyměnit ikonu.

4. V sekci Layout můžete nastavit Number of Columns tedy počet sloupců či Space Between Counters neboli velikost mezery mezi sloupci. Tato nastavení jsou dostupná jak pro desktop, tak pro mobilní verzi. Rozložení individuálního prvku widgetu nastavíte pomocí Counter Elements Layout.

5. Sekce Style Vám nabízí možnost širší personalizace a to nastavením pozadí či písma a ikony.

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

7. 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ě. Počítadlo čísel  od Elfsight uvidíte v publikované verzi Vaší webové stránky.

Počítadlo čísel – ukázka

Pár slov na závěr

Počítadlo čísel od Elfsight je rychlý a efektní způsob jak zobrazit čísla a statistiky spojené s Vaším podnikáním. Zlepšete důvěru ve svou firmu a značku použitím animovaného počítadla “Number Counter”, který nabízí širokou škálu personalizace.

Animované počítadlo čísel je snadné k použití a nevyžaduje žádné technické dovednosti.

Neváhejte a vyzkoušejte to teď!

Počítadlo čísel – Časté dotazy (FAQ)

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