Bookable

Custom

Integration

Add booking pages to any website

Whether you're using a website builder or have built something custom, it's straightforward to share your events by integrating with Bookable.

Add a schedule page

Add event pages

What you need to do

Create your Bookable account

Customise your account

Choose your free shareable URL. Select your brand colour and upload your logo.

Select how you would like to be paid

You can choose for customers to pay online, pay you later via cash or bank transfer, or you can opt to create free events.

Create your first event

Set up an event, or create a whole schedule of events. Customise your events with photos, descriptions, map locations and more.

Your website

Add your Bookable schedule to your website

Option 1: Add a link to your Bookable Schedule (Recommended)

Redirecting customers to your Bookable Schedule URL allows the schedule to be loaded as a full page, and gives access to features such as memberships and event credits.

This is also the easiest way to integrate because all you have to do is add a button or link to your website that redirects to your Bookable Schedule URL. Your Bookable Schedule URL can be found under Account Settings in the Bookable Dashboard.

Option 2: Embed your schedule as an iframe

Embedding your schedule as an iframe allows your customers can discover, book and pay for events without ever leaving your site. However, due to security limitations of embedded frames, customers cannot log-in when viewing a Bookable schedule inside a frame, which means features such as credits and memberships will not be available.

To embed your schedule as an iframe, just create an <iframe> element and set the src parameter to your Bookable Schedule URL. Your Bookable Schedule URL can be found under Account Settings in the Bookable Dashboard.

For the best user experience, make sure to set the width of the iframe to the screen width when rendering on mobile devices.