Skip to main content
Introduction to the newest Appointedd booking tools - Widgets 2.0

Learn how to create and manage your new Appointedd booking tools in embed, popover and URL modes.

Ruta Vareikaite avatar
Written by Ruta Vareikaite
Updated this week

Find the latest information on the newest Appointedd booking tools - Widgets 2.0.

If you are currently using the original booking tools, we strongly encourage you to switch to the new booking tools. The original widgets were built in legacy code and will soon be phased out.

Check out the new booking flow in action:


πŸš€ What are the benefits of the new Widget 2.0 booking tools?

We've completely rebuilt the booking tools from scratch, enhancing the functionality and giving it a face-lift with a keen eye on aesthetics and user experience.

Here’s the lowdown:

  • A sleek, mobile-first design that looks stunning on any device.

  • Additional functionality such as service images, service descriptions, map functionality, calendar vs event view availability and much much more.

  • An improved booking flow with design and user experience upgrades.

  • Improved accessibility for a more inclusive and user-friendly experience. We’re talking better contrast with custom colours, robust voice overs, and keyboard controls, plus native form components where it matters most.

  • Technical upgrades to allow us to more rapidly make improvements in the future.


🧐 What are the different types of widgets and which one should I use?

A booking widget is a tool that's used to allow your customers to make bookings with your business.

There are various ways you can share your booking tools with your customers, and at Appointedd they come in three formats - embed, popover or URL.

Embed - add a snippet of code to your website that will embed your booking widget directly on your web page. The widget has a minimum width of 320px.

Popover - add a snippet of code to your website that will ad a book now button to your web page, triggering a small popup winder when clicked.

URL - a unique URL for your booking widget, hosted by Appointedd. Simply share it with your customers - no development effort needed.

Once a widget is created, you can get the appropriate format of your widget by selecting one of the below.


🏰 How to create new Widgets 2.0?

Creation of the new widgets will depend on whether you have access to one or multiple Appointedd accounts.

Single account user access vs multi-account user access widget management

In some instances, one user may have access to more than one Appointedd account (e.g. if a business has several locations, where each location has its own Appointedd account). Click here to learn more about multi-account structure.

The new booking Widgets 2.0 support multi-account structure. This means that you can have one booking widget across multiple locations/business operations, and also benefit from additional functionality such as address finder and map locator.

The way you create or amend the booking Widgets 2.0 depends on whether you have access to one or multiple Appointedd accounts. Choose which option best describes your user access to view the relevant support guide:

Or


🌍 Interactive examples to draw inspiration from

Feel free to make test bookings with the below widgets in URL format to explore various functionalities:

  • Multi-location - event list view for a specific event bookings with location list functionality - click here;

  • Multi-location widget with service and resource selection and map functionality - click here;

  • Multi-location widget with service and resource selection and location list functionality - click here;

  • Single location with service and resource selection - click here.

  • Single location - event list view for a specific event bookings - click here;


πŸ“ Pre-filling data in embed, popover and URL modes

Prefilling customer data in a widget involves automatically populating form fields with information already known about the customer. This can improve user experience by saving time and reducing errors.

Click the button below to read the article below to learn how to set it up to pre-fill customer data in embed, popover or URL modes in the new widget 2.0.


πŸ”– Limitations

Currently there are a couple of features the new Widgets 2.0 don't support:

  • Meta integration - to allow bookings via Book Now button on Instagram and Facebook. This is currently supported via standard legacy and enterprise widgets.

  • Multi-bookings in one transaction - more information about the feature can be found here. This is currently supported via standard legacy widgets only.
    ​

  • Adyen payment integration - our Adyen payment integration is currently supported only via our enterprise widgets.


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

Did this answer your question?