Kalendár akcií/eventov

V predchádzajúcich článkoch sme si ukázali Ako pridať počítadlo čísel na webové stránky? či Ako prepojiť sociálne siete s webovými stránkami vo Webnode? V tomto návode si ukážeme ďalšiu funkciu, tzv. widget, od spoločnosti Elfsight, ktorá Vám pomôže zobraziť plánované akcie a eventy formou praktického a štýlového kalendáru na Vašich webových stránkach. Hlavnou výhodou všetkých funkcií od Elfsight je možnosť ich širokého využitia v rôznych online editoroch (Webnode, Weebly, WordPress…).

Kalendár akcií a eventov, Event Calendar widget, Vám umožní zdieľať nadchádzajúce podujatia spolu s kľúčovými detailami i “výzvou k akcii” (napr. Kúpte si lístky teraz!, Registrujte sa!). Toto všetko môže dopomôcť k vyššej miere zapojenosti užívateľov na webe, k zvýšeniu účasti na akcii, no taktiež zlepší užívateľskú skúsenosť s Vašou webovou stránkou ako takou.

Rozpis budúcich futbalových zápasov Vášho klubu, nadchádzajúce akcie v škole či škôlke, kalendár koncertov v bare, plánované besedy či predstavenia Vášho ochotnického divadla. Kalendár umožňuje veľkú mieru personalizácie a je responzívny, teda sa prispôsobí zariadeniu (počítač/tablet/mobil).

Poďme nato!

Ako pridať kalendár akcií/eventov na webové stránky?

Event Calendar widget – zdarma VS premium

Kalendár akcií a eventov, 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.

Kalendár akcií - Elfsight cenník

Kalendár akcií šablóny – kalendár pre každý event

Externá služba Elfsight umožňuje vybrať si z viac ako 30 responzívnych šablón pre kalendár akcií, napríklad:

 

      • Interactive Calendar
      • Availability Calendar
      • Sport Scheduler
      • Ticket Calendar
      • Doctor Appointment Calendar
      • Restaurant Event Calendar

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

Úprava a používanie služby Elfsight nie je dostupná v slovenčine/češtine. 

Kalendár akcií - šablóny

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

Elfsight - Widgets - Event Calendar

2. Vyberte si jednu z 30+ 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 “Museum”

Výber šablóny

3. V ďalšom kroku máte na výber medzi vytvorením podujatí a akcií manuálne (Manage Events Manually) alebo pomocou prepojenia s Google kalendárom (Connect to Google Calendar).

V prípade Google kalendáru Vás služba vyzve k prihláseniu do Google účtu.

*Pre účely tohto návodu sme vybrali “Manage Events Manually”*

Tvorba akcií manuálne vs. prepojenie s Google kalendárom

4. V sekcii Events môžete pridať novú udalosť, a to kliknutím na Add Event.

Pozmeniť/nastaviť, duplikovať, skryť a vymazať podujatie môžete kliknutím na tri bodky pri danom evente a výberom Edit, Duplicate, Hide alebo Delete.

Taktiež ste pod sekciou Events schopný meniť existujúce a pridať nové kategórie pre Typ podujatia (Event Types), Miesto konania (Venues), Hostitelia (Hosts). Práve tieto položky (Typ podujatia, Miesto konania a Hostitelia) umožňujú užívateľom filtrovať v kalendári akcií.

Pridať, zmeniť, duplikovať, skryť a vymazať podujatie
Dostupné kategórie akcií
Pridať, zmeniť, duplikovať a vymazať kategóriu akcie

Pri vytváraní udalosti (či pri jej zmene) máte široké možnosti nastavení ako:

 

  • Názov udalosti (Event Name)
  • Začiatok udalosti (Starts)
  • Koniec udalosti (Ends)
  • Časová zóna (Timezone)
  • Popis (Description)
  • Obrázok (Image)
  • Tlačidlo (Button)
  • ….
Nastavenia podujatia 1
Nastavenia podujatia 2

5. V sekcii Layout môžete nastaviť rozloženie celého kalendáru či veľkosť medzery medzi podujatiami (Spacing Between Events). Taktiež môžete nastaviť počet podujatí, ktoré sa v kalendári budú zobrazovať (Number Of Events To Display), zmeniť nadpis kalendáru (Heading) i nastaviť, ktoré detaily daného podujatia sa budú zobrazovať v náhľade (Events Elements). 

Sekcia Layout 1
Sekcia Layout 2

6. Sekcia Appearance Vám ponúka možnosť širšej personalizácie a to nastavením fontu a farby nadpisu kalendára, nastavením fontu, pozadia či farby náhľadu, ako aj nastavenie popup okna, ktoré sa zobrazí, keď užívateľ klikne na podujatie. Táto sekcia Vám umožňuje doladiť kalendár tak, aby jeho dizajn čo najviac ladil s Vašou webovou stránkou.

Sekcia Appearance

7. 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 služby

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

Tlačidlo Publish
Skopíruj HTML kód

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 (Event Calendar 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 Event Calendar uvidíte v publikovanej verzii Vašej webovej stránky.

Publikovať

Kalendár akcií – ukážka

Kalendár akcií - ukážka

Pár slov na záver

Kalendár akcií a eventov od Elfsight je rýchly a efektívny spôsob ako zobraziť nadchádzajúce podujatia a akcie na Vašich webových stránkach. Možnosť pridať “Výzvu k akcii” formou tlačidla je jedným z veľkých lákadiel tejto funkcie. Moderný dizajn, viac ako 30+ šablón a reponzivita (kalendár sa prispôsobí zariadeniu – počítač/tablet/mobil) – to je Event Calendar widget od Elfsight

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.

Kalendár akcií – Časté otázky (FAQ)

Dá sa Event Calendar widget prepojiť s Google kalendárom?

Áno. Kalendár akcií od Elfsight môžete prepojiť so svojim Google kalendárom. 

Je možné filtrovať akcie v kalendári? 

Áno. Udalosti v kalendári môžete filtrovať.

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