Kurzy na vašej webovej stránke

Zobrazte svoju ponuku kurzov naživo – jedným riadkom kódu.

Údaje o vašich kurzoch už máte vo Webooker – prečo ich spravovať dvakrát? S našimi widgetmi nemusíte nič zadávať znova. Stačí vložiť kód na svoj web a kurzy sa zobrazia automaticky. Zmeníte popis kurzu? Pridáte nového vyučujúceho? Aktualizujete cenu? Všetko sa na vašom webe prejaví okamžite. Dáta spravujete na jednom mieste – a zobrazia sa všade, kde ich potrebujete.

1. Vytvorte účet

Zaregistrujte sa vo Webooker a nastavte svoje kurzy.

2. Skopírujte kód

Pridajte na svoju webovú stránku značku <script> – hotovo.

3. Zobrazte kurzy

Vaše kurzy sa zobrazia naživo na vašom webe. Všetky zmeny vo Webooker sa automaticky aktualizujú.

Chcete vidieť svoje vlastné kurzy?

Ešte nie ste zákazník? Živá ukážka nižšie používa prednastavené kurzy – netreba nič zadávať.

Máte účet v systéme Webooker? Zadajte svoju adresu a pozrite si svoje kurzy naživo.

Vaša adresa Webooker

Je to časť pred .webooker.eu – tá istá, ktorú zadávate v prehliadači.

Živá ukážka: zoznam kurzov

Živá ukážka: detail kurzu

Kliknite na kurz v zozname vyššie a zobrazia sa jeho podrobnosti.

Widget: hlavička kurzu

Zobrazuje názov kurzu, predmet, deň a čas začiatku. Pri online kurzoch zobrazuje aj online označenie.

Widget: rýchle informácie

Prehľadné zhrnutie kľúčových detailov kurzu: zostávajúce lekcie, voľné miesta, najbližšia lekcia a dĺžka lekcie.

Widget: tlačidlo zápisu do kurzu

Tlačidlá pre zápis do kurzu: priamy zápis, registrácia záujmu alebo rezervácia skúšobnej lekcie.

Widget: vyučujúci

Kto vyučuje kurz – meno, fotografia, pozícia. Rozbaľte pre podrobné informácie a kontakt.

Widget: fotogaléria

Fotogaléria kurzu – ukážte atmosféru, priestory a momenty z výučby.

Widget: popis kurzu

Podrobný popis kurzu a predmetu vrátane toho, čo sa študenti naučia a čo môžu očakávať.

Vloženie widgetov

1. Pridajte načítavací skript

Vložte tento skript do časti head na svojej webovej stránke:

<script src="https://storage.webooker.eu/widgets/v1/loader.js"
        data-tenant="YOUR_DOMAIN.webooker.eu" async></script>

2. Umiestnite zoznam kurzov

Tento kód vložte tam, kde sa má zobraziť zoznam kurzov:

<div class="webooker-widget"
     data-widget="courses"
     data-semester-id="CURRENT_SEMESTER"
     data-limit="6"
     data-layout="cards"></div>

3. Zobrazte detail kurzu (voliteľné)

Pre zobrazenie detailu pridajte tieto kontajnery:

<div class="webooker-widget"
     data-widget="course-detail-header"
     data-course-id="ID_KURZU"></div>
<div class="webooker-widget"
     data-widget="course-detail-register-button"
     data-course-id="ID_KURZU"></div>

Nahraďte YOUR_DOMAIN svojou adresou Webooker a CURRENT_SEMESTER ID aktuálneho semestra.

Zaujala vás táto ukážka?

Dajte nám vedieť a ozveme sa vám – ukážeme vám, ako WEBOOKER funguje a ako môže zjednodušiť prevádzku vašich kurzov.