header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Step 1 | Add the Next Availability widget to your site
  • Step 2 | Choose which service to display
  • Step 3 | Design the text that appears on the widget
  • FAQs
  1. Home
  2. Managing your business
  3. Business solutions & apps
  4. Wix Bookings
  5. Customizing Wix Bookings pages
  6. Wix Bookings: Adding and Setting Up the Next Availability Widget

Wix Bookings: Adding and Setting Up the Next Availability Widget

In this article
  • Step 1 | Add the Next Availability widget to your site
  • Step 2 | Choose which service to display
  • Step 3 | Design the text that appears on the widget
  • FAQs
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.
Important:
Currently, the Next Availability widget is not available in the Wix Harmony Editor.

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. 
  1. Go to your editor.
  2. Click Add Elements  on the left side of the editor.
  3. Click Bookings.
  4. Click Next Availability.
  5. Drag the widget onto your page.

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. 
Tips:
  • 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 change the image you display for your service on the Next Availability widget, update the image on the relevant service page in Booking Services in your site's dashboard.

To choose which service to display:

  1. Click the Next Availability widget in your editor.
  2. Click Settings.
  3. Select the service you want to display. 
  4. Select the service location.
A screenshot showing how to select the service and location you want to display on the Next availability widget.
  1. Click the Layout icon on the Next Availability widget. 
  2. Click to select the relevant layout for the widget. 
  3. Click the Displayed time slots drop-down 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 availability 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 widget 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 style, fonts, font size, formatting and more. 
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?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.