A booking widget allows you to easily take bookings directly on your own web presence e.g. your website, Facebook page and mobile app. 

It can be embedded or appear as a popover (as in the image below), and any bookings made through the booking widget will automatically appear in your Appointedd calendar.

How to create a new booking widget

How to edit the booking widget

  • Select embed mode to have the booking widget embedded directly on your website or popover mode to have the booking widget pop out from an embedded, customizable book now button
  • 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 - use this option to create booking widgets which offer only a selected category or service
  • 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.

To change the colors of your booking widget, click on the color box to choose from the color picker or, if you have specific hex codes, paste or type them into the box below the color picker.

How to add your booking widget to your Facebook page

To add your booking widget to your Facebook business page, simply click add to Facebook at the bottom left of your booking widget. Log in to your Facebook page and the booking widget will be added for you. Due to Facebook restrictions, adding the booking widget is only available for business Facebook pages which have over 2,000 likes. 

If you don’t have 2,000 followers, check out this alternative Facebook guide.

How to add your booking widget to your website 

  • Create the booking widget
  • Click save 
  • Select HTML snippet 
  • Copy the snippet and paste in the HTML of your website

You can access your booking widget snippet at any time by going to that booking widget and clicking embed.

How to add your booking widget to your mobile app 

In your mobile app, the booking widget is best in embed mode on its own individual page so taking up the full screen of the device. 

  • Create the booking widget
  • Click save 
  • Select HTML snippet 
  • Copy the snippet and paste in the HTML of your mobile app.

You can access your booking widget snippet at any time by going to that booking widget and clicking embed.

How to add your booking widget to your microsite

  • Create the booking widget
  • Ensure that it is in embed mode
  • Click save 
  • Select microsite URL 
  • Copy the URL and distribute it to your customers.

You can access your booking widget URL at any time by going to that booking widget and clicking embed.

How to further customize your booking widget

Find a guide to editing your online booking settings here.

How to report on your booking widget 

You can generate reports on your booking widgets in order to understand which booking widgets, which landing pages etc are bringing you in the most bookings. You'll find a full guide to reporting here.
You can also identify where a booking was made from the agenda view filter (see this guide) or by exporting all of your bookings into a CSV file (see this guide). 

Did this answer your question?