Courses on your website

Show your course offering live – with one line of code.

Your course data is already in Webooker – why manage it twice? With our widgets, you don't have to re-enter anything. Simply paste the code on your website and courses appear automatically. Change a course description? Add a new teacher? Update a price? Everything is immediately reflected on your website. You manage data in one place – it shows up everywhere you need it.

1. Create account

2. Copy code

Add a <script> tag to your website – done.

3. Show courses

Your courses appear live on your website. All changes in Webooker are automatically updated.

Want to see your own courses?

Not a customer yet? The live demo below uses preset courses – no need to enter anything.

Have a Webooker account? Enter your address to see your own courses live.

Your Webooker address

It is the part before .webooker.eu – the same one you type in your browser.

Live Demo: Course List

Live Demo: Course Detail

Click a course in the list above to see its details.

Widget: Course Header

Shows the course name, subject, day and start time. For online courses, it also displays the online badge.

Widget: Quick Info

A clear summary of key course details: lessons remaining, free places, nearest lesson and lesson length.

Widget: Course Enrollment Button

Registration buttons for the course: direct enrollment, register interest, or reserve a trial lesson.

Widget: Teachers

Who teaches the course – name, photo, position. Expand for detailed info and contact.

Widget: Photo Gallery

Course photo gallery – show the atmosphere, facilities and teaching moments.

Widget: Course Description

A detailed description of the course and subject, including what participants will learn and what to expect.

Embed widgets

1. Add the loader script

Insert this script into the head section of your website:

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

2. Place the course list

Put this code where you want the course list to appear:

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

3. Show course detail (optional)

For detail view, add these containers:

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

Replace YOUR_DOMAIN with your Webooker address and CURRENT_SEMESTER with the current semester ID.

Interested in this demo?

Let us know and we will get back to you – we will show you how WEBOOKER works and how it can simplify running your courses.