Wix Bookings: Adding and Setting up the Next Availability Widget

4 min read
Important:
We are in the process of rolling out the Next Availability widget, but it's not available to everyone yet.
The Next Availability widget helps streamline the booking process for your clients. With this widget, you can display the next available time slot for a specific service directly on your website. Clients can then book appointments without having to search through a calendar or contact you directly.
A screenshot showing the Next Availability widget on a live site.

Step 1 | Add the Next Availability widget to your site

The Next Availability widget allows you to display any of your most in-demand services on any page on your site. 
Wix Editor
Editor X
Studio Editor
Dashboard
  1. Go to your editor.
  2. Click Add Apps  on the left side of the editor.
  3. Search for the Next Availability app then select it.
  4. Click Add to Site.

Step 2 | Choose which service to display

Now choose which service you want to display in the widget and at what location. You can add other Next Availability widgets, with different services, on various pages on your site. 
Tip:
You can add as many widgets as you like to your pages. For example, you can add a widget for each of your services on different pages of your site. 

To choose which service to display:

  1. Click the Next Availability widget in your editor.
  2. Click Settings.
  3. Click to select the checkbox next to the service you want to display. 
  4. Scroll down and click to select the checkbox next to the relevant location for the service. 
A screenshot showing how to select the service and location you want to display on the Next availability widget.
  1. Click the Next Availability widget in your editor.
  2. Click the Layout icon
  3. Click to select the relevant layout for the widget. 
  4. Click the Displayed time slots drop-down icon  and choose the number of slots you want to show on the widget. 
A screenshot showing how to select the number of slots you display on the next available widget.

Step 3 | Design the text that appears on the widget

You can now design the text that appears throughout the Next Availability widget. This is a great way to make the widget fit your style and branding. Click on any piece of text in the widget to edit the design. 
Note:
Most of the text content that appears on the widget is taken directly from the service page itself. If you want to edit the text content on the widget, you can do so from the service creation form. 

To design the text that appears on the widget:

  1. Click the Next Availability element in your editor.
  2. Click any piece of text to customize the design. 
  3. Click Design text
  4. Use the available options to adjust the themes, fonts, font size and formatting. 
A screenshot showing how to design the text that appears throughout the next availability widget.

FAQs

Click a question below to learn more about the Next Availability widget.

Did this help?

|