Animované počítadlo čísel

V predchádzajúcich článkoch sme si ukázali Ako prepojiť sociálne siete s webovými stránkami vo Webnode? či Ako pridať recenzie z Google na web vo Webnode? V tomto návode si ukážeme ďalšiu funkciu, tzv widget, od spoločnosti Elfsight, ktorá Vám pomôže zobraziť čísla a štatistiky na Vašich webových stránkach. Veľkou výhodou spoločnosti Elfsight je možnosť použitia ich widgetov v rôznych online editoroch (Webnode, Weebly, WordPress…).

Animované počítadlo čísel Vám umožní zdieľať úspechy vo forme štatistík a čísel, čím ste priamo schopný ovplyvniť názor a upevniť dôveru Vašich zákazníkov vo Vašu firmu. Responzívne počítadlo čísel má moderný dizajn a veľkú mieru personalizácie. S touto službou očaríte návštevníkov svojej stránky, získate viacero potencionálnych zákazníkov, a zlepšíte celkový dizajn Vášho webu.

Poďme nato!

Ako pridať počítadlo čísel na webové stránky?

Počítadlo čísel – zdarma VS premium

Počítadlo čísel alebo Number Counter widget, ktorý si ukážeme v tomto návode je zdarma. Externá služba Elfsight ponúka vo svojej bezplatnej verzii (LITE) možnosť vytvoriť si 1 widget zadarmo.

V prípade potreby ďalšieho widgetu, je nutné zakúpiť si jeden z Prémiových tarifov, ktorý táto služba ponúka.

Cena začína už na 6-10 USD / mesiac. Pravdaže, často natrafíte na rôzne akcie, čím sa náklady za službu znížia.

Počítadlo čísel - Elfisight cenník

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

Externá služba Elfsight umožňuje vybrať si šablónu pre Number Counter widget, a tým celý proces urýchliť. Aktuálne si môžete vybrať až z 22 responzívnych šablón, napríklad:

 

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

Všetky tieto šablóny sa dajú upravovať a personalizovať. 

Počítadlo čísel - Elfsight - šablóny

1. Prejdite na oficiálne stránky https://elfsight.com/, otvorte tab Widgets a vyberte možnosť Number Counter.

Elfisight - Widgets - Number Counter

2. Vyberte si jednu z 22 dostupných šablón (náhľad môžete vidieť na pravej strane) a kliknite na tlačidlo Continue with this template.

*Pre účely tohto návodu sme vybrali šablónu “Cleaning”

Výber šablóny

3. V prvom kroku, v sekcii Content, môžete premenovať celý widget a pozmeniť, pridať či odobrať prvky daného počítadla. 

Widget premenujete kliknutím do políčka Widget Title

Pozmeniť/nastaviť, duplikovať a vymazať prvok počítadla môžete kliknutím na tri bodky a výberom Edit, Duplicate alebo Delete. 

Pridať prvok môžete kliknutím na Add Counter.

Zmena nadpisu widgetu
Upraviť, duplikovať a vymazať widget
Pridať prvok widgetu

Pod nastaveniami prvku widgetu môžete napríklad upraviť počiatočnú ako aj konečnú hodnotu prvku, premenovať prvok či pridať/vymeniť ikonu. 

Nastavenia prvku

4. V sekcii Layout môžete nastaviť Number of Columns teda počet stĺpcov či Space Between Counters čiže veľkosť medzery medzi stĺpcami. Tieto nastavenia sú dostupné pre desktop, ako aj mobilnú verziu. Rozloženie individuálneho prvku widgetu nastavíte pomocou Counter Elements Layout. 

Nastavenie widgetu - layout

5. Sekcia Style Vám ponúka možnosť širšej personalizácie a to nastavením pozadia či písma a ikony. 

Nastavenia widgetu - style

6. V prípade, že ste s úpravami hotový, kliknite na Add to website for free.

Služba Vás vyzve o prihlásenie. Môžete využiť svoj existujúci Google alebo Facebook účet, či sa prihlásiť pomocou e-mailu.

Tlačidlo Add to website for free
Prihlásenie do Elfsight

8. Kliknite na tlačidlo Publish v pravom hornom rohu a skopírujte si potrebný HTML kód pomocou Copy Code.

Kliknite na Publish
Skopíruj HTML kód widgetu

9. Prihláste sa do editácie webu vo Webnode a vložte kód podľa toho, aké služby máte vo Webnode zakúpené:

1. Mám vo Webnode zakúpené Prémiové služby LIMITED, MINI, STANDARD, PROFI alebo BUSINESS

Ak máte u Webnode zakúpené Prémiové služby Limited a vyššie tak môžete vložiť kód svojho widgetu (Number Counter widget) na akékoľvek miesta na Vašej webovej stránke.

Kliknite na tlačítko “+” a zvoľte možnosť “HTML“.

pridať obsah - HTML

pridať obsah – HTML

 

2. Mám vo Webnode verziu ZDARMA (FREE)

Ľutujeme, ale vo verzii Zdarma nástroj Webnode neumožňuje pridávanie HTML kódov. Je potrebné si zakúpiť niektorý z balíčkov – Limited, Mini, Standard, Profi alebo Business.

Zakúpte si Prémiové služby

 

10. Hotovo – po vložení kódu už len publikujte zmeny tlačidlom Publikovať v hornej lište. Počítadlo čísel od Elfsight Number Counter uvidíte v publikovanej verzii Vašej webovej stránky.

Publikujte zmeny vo Webnode

Počítadlo čísel – ukážka

Ukážka widgetu v editore (naľavo) a v publikovanej verzii stránky (napravo).

Počítadlo čísel v editore Webnode
Počítadlo čísel v publikovanej verzii Webnode

Pár slov na záver

Počítadlo čísel od Elfsight je rýchly a efektný spôsob ako zobraziť čísla a štatistiky spojené s Vašim podnikaním. Zlepšite dôveru vo svoju firmu a značku použitím animovaného počítadla “Number Counter”, ktorý ponúka širokú škálu personalizácie.

Animované počítadlo čísel je jednoduché na použitie a nevyžaduje žiadne technické zručnosti.

Neváhajte a vyskúšajte to teraz!

TIP: Vy ešte nemáte vlastnú webovú stránku vo Webnode? Získajte zľavu až 17% na nový web. Pre získanie zľavy kliknite na tento odkaz.

Počítadlo čísel – Časté otázky (FAQ)

Potrebujem mať technické znalosti, aby som si na web pridal widget od Elfsight?

Nie, technické znalosti vôbec nepotrebujete. Prečítajte si tento návod a určite to zvládnete! Držíme palce!

Musím zadávať číslo platobnej karty?

Nie – služba Elfsight nepožaduje vyplnenie platobnej karty pri použití verzii Zdarma (LITE).

Ďalšie skvelé návody

Aký bol rok 2020 v spoločnosti Webnode.sk?

Aký bol rok 2020 v spoločnosti Webnode.sk?

Webnode hlási viac než 50 000 hodín odpracovaných v roku 2020V minulosti bolo k založeniu vlastnej internetovej stránky nutné ovládať aspoň základné technické znalosti či pomoc programátora. A práve tento fakt mnoho ľudí od tvorby vlastného webu odradil.  ...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Livka