đĄ Before you begin
The bookings widget is available for Happity Members only. If youâre on the free plan, youâll need to upgrade first.
You can upgrade in your Dashboard or learn more about Membership.
Who is the bookings widget for?
If you have your own website, and you want parents to find and book your classes without leaving your ecosystem, the Happity bookings widget is for you â
It lets families find a class and pay without leaving your site, while you keep all the convenience and time-saving benefits of Happity bookings working behind the scenes.
How do I set up my widget?
Step 1: Switch on Happity Bookings
Youâll need to have Happity bookings active before you can use the widget. Haven't switched on your bookings yet? See this article first: Setting up Happity Bookings
Step 2: Open your Widget settings
Go to Settings > Widget
â
Step 3: Add your website(s)
Copy and paste your website URL (or URLs) into the box.
â
This keeps your data secure â your widget can only be embedded on the websites you list here.
Step 4: Choose how your classes display
You can group and filter your classes by Weekday, Activity, or Venue.
To set this up:
Use the first dropdown to choose how your classes should be grouped.
Use the second dropdown to select the filters you want to show
Here are some examples:
Example 1: Show all my âCrawlers to Toddlersâ classes
First dropdown: select Activities
Second dropdown: select the relevant Activity
Example 2: Show all my classes, grouped by venue
First dropdown: select Venues
Second dropdown: select all your venues
Example 3: Show only my classes on Mondays and Tuesdays
First dropdown: select Weekdays
Second dropdown: select Monday and then Tuesday
Important note: You can create as many widgets as you like.
â
If you only run a few classes a week, one widget showing all your sessions will probably work great (you can still choose how to group them within the widget).
If you have a bigger timetable, and operate across a lot of different venues, you might want to generate several widgets for different pages/areas on your site.
Step 5: Add your branding
Click into the colour blocks to choose two colours to match your website branding.
Note: If you donât want to customise these, the widget will default to Happity pink and yellow.
Step 6: Generate your code
Click Generate.
Your embed code will now appear at the bottom of the page.
Click Preview to check how it looks, and if youâre happy, click Copy.
Important: you will need to paste the embed code into your site exactly as shown.
If you adjust any settings, click Generate again to create a new code snippet.
How do I install the widget on my website?
If you work with a web developer or website manager, simply send them the code to install.
If you manage your site yourself, how you install the code will vary by platform. You will want to find the instruction for embedding an HTML code block into your website. We've included links to some of the common sites below.
How will I know when Iâve got a booking?
Bookings made through your widget appear in My Classes > Registers as usual.
Youâll also receive an email notification each time someone books đ
If youâd like to see which customers booked through your website widget versus happity.co.uk, go to Customers > Bookings.
How can I make changes to my widget?
If you want to change which classes appear or adjust how theyâre grouped, youâll need to generate a new code snippet.
Go to Settings > Widget in your Dashboard.
Then follow the steps in How do I set up my widget? above.
Need help?
Our friendly support team is available 7 days a week and always happy to help.
Email us at [email protected]