Skip to main content
LEGACY: How to create a legacy widget in popover mode

Create a booking tool that is in the form of a book now button for your customers to make bookings online

Jubrine Fortuno avatar
Written by Jubrine Fortuno
Updated over a week ago

A booking widget is a tool that you can use to allow your customers to make bookings with your business, whether that's via your website, social media, emails or SMS.

Please note: Legacy booking widgets are currently being deprecated.

We recommend using the new booking tools - Widgets 2.0 instead.

🧐What does popover mean?

Popover mode means that the booking tool will sit as a book now button, and when a customer clicks on it, the booking widget will appear, as shown below:

How to create a widget in popover mode

  • Firstly click on Booking tools and select Manage booking widgets

  • Click on the Create new widget button

  • Click on Popover mode

  • Name your booking widget - this name is for your labelling purposes and will not show on your booking widget

  • Limit to a category or a service or a service tier - use this option to create booking widgets which offer only a selected category, service, or a tier (service tier filter only available for multi-tier services)

  • Limit to a resource or resource groups - create booking widgets which offer only specific resources

  • Allow resource and group selection- tick the box to allow customers to select the resource that is bookable.

  • Allow customers to make multiple bookings in one transaction- tick this box if you want to give customers the option to book multiple services, or multiple appointments for the same service within one transaction.

  • Click Save widget.

πŸ”Ž How to get the popover code to place on your website

Once the widget is saved, you can get the popover code by selecting the below button:

You can then copy the code from the pop-up window:

If you would rather use the embed mode, then click here to learn more.

πŸ“– Pre-filling booking widget in a popover mode

It's also possible to pass data to the widget by pre-filling selected fields. Click here to learn more.

If you have any feedback we would love to hear it πŸ‘‚

Did this answer your question?