Get free trial Login

Website Integration Kit

Follow the steps below to configure JS widgets with our interactive kit. When you complete all steps, you get a generated code and detailed instructions where to include it.

Step 1
API key and language
Step 2
Site structure
Step 3
Theme
Step 4
Configuration
Step 5
Configuration
Step 6
Configuration's code

Step 1: API key, language and version

Insert API key
Set API key

Follow the instructions to create a new key. You can proceed without a real key by typing test. In this case, you will need manually replace a fake key with a real one in the generated code.

Select a language of your website

Notice: if you have a multilingual website, you need to update the language programmatically. For that, check our documentation for developers.

Select an engine for your website


Latest version of WSB widgets is 1.20.0

If you are using an older version, please upgrade it to the latest.

Step 2: Site structure

First, you need to decide what website pages you use for adding the widgets on. Let's say you own a website on https://awesomewebsite.com/ domain, and you want to have the list of trainers with their profiles, the schedule of events and related registration pages.

Event page
Add URL for the Event Page
Registration page
Add URL for the Registration Page
Trainer Profile
Add URL for the Trainer Page

Step 3: Theme

Select the theme for your integration or choose “Custom” if you want to create your own.

Workshop Butler Alfred theme
Workshop Butler Britton theme
Workshop Butler custom theme

Step 4: Configuration

Select a widget you want to add to your website

Schedule

Schedule of workshops with filters

Event Page

Detailed information about a workshop. Includes a description, tickets, location, etc.

Registration Page

Registration form with an event summary

List of trainers

List of trainers with filters

Trainer Profile

Detailed information about a trainer. Includes a bio, ratings, badges, etc.

Sidebar Event List

List of events, past or future, in a layout suitable for adding it to a sidebar

Testimonial List

List of testimonials for a trainer

Step 5: Configuration

Selected widget requires an additional customisation. Please, set the parameters you need.

Active filters

Activate up to four filters, the visitors can use to filter events in the schedule

Layout

The schedule can have two types of layouts: table and tiles. The tiles contain more information, but they also take more space.

Active columns

Activate up to five columns, the visitors can see in the schedule

Turn this checkbox on to show both photos and names of trainers in Trainers column
When a direct registration is active, Register button leads directly to a registration page. We advise to activate this option for an additional schedule with events from one category.
Number of workshops in the schedule

Leave empty if you want to show available workshops

Show only events from
Category

A category allows you to load only the events which belong to this category. We advise to use this option for an additional schedule which is placed on a category landing page.

To get an ID of the category, go to your cabinet, then Account Settings ⇛ Event Categories and copy the ID from the category of your choice.

Select this checkbox if you want to show trainers who run a workshop
Select this checkbox if you want to show all types of tickets, including the ones which are sold out or ended
Select this checkbox if you want to show how many tickets left for each ticket type
Select this checkbox if you want to show other upcoming events
Select this checkbox if you want to show trainers who run a workshop
Select this checkbox if you want to show all types of tickets, including the ones which are sold out or ended
Select this checkbox if you want to show how many tickets left for each ticket type
Active filters

Activate up to five filters, the visitors can use to filter trainers

Show only events from
Number of events in the sidebar
Show only events from this country
Category

A category allows you to load only the events which belong to this category. We advise to use this option for an additional sidebar which is placed on a category landing page.

To get an ID of the category, go to your cabinet, then Account Settings ⇛ Event Categories and copy the ID from the category of your choice.

Trainer ID

List of testimonials shows only the testimonials of one trainer. You must provide the id of this trainer to proceed.

Required

Step 6: Configuration code

Awesome! 😎 One final step left: copy the code below and paste it to a website page

Select code
Place this code anywhere between ⟨head⟩ ⟨/head⟩ tags.
Select code
Place this code where you want to see the content of the widget tags.
Okay
Workshop Butler uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our cookie policy.