header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Wix Bookings: Service Calendar

8 min
In this article
  • Select the service you want to display
  • Customize the layout of your single service calendar
  • Choose which elements you want to display
  • Adjust the design of the single service calendar
  • Customize the text content on the single service calendar
To make your site more accessible for all visitors, the single service calendar widget is no longer available to add to your site. Instead, you can add the featured service widget to your site.
An example of a single service calendar.

Select the service you want to display

Choose which service you want to display on your calendar. 
Wix Editor
Studio Editor
  1. Click the single service calendar element in your editor. 
  2. Click Settings
  3. Click Services.
  4. Select the checkbox next to the service you want to display.
A screenshot showing how to select the service you want to display in the calendar in the wix editor.

Customize the layout of your single service calendar

With the service connected to the single service calendar, you can customize the layout, so it suits the page in the background.
Wix Editor
Studio Editor
  1. Click the single service calendar element in your editor.
  2. Click Settings.
  3. Click Layout
  4. Choose from a daily or weekly layout.
  5. Use the available formatting options to adjust the alignment of the calendar widget text. 
  6. Use the sliders to adjust the amount of padding between elements in the single service calendar widget. 
A screenshot showing how to customize the layout of your single service calendar in the wix editor.

Choose which elements you want to display

Choose which elements you want to include in the single service calendar, such as the title or location and staff filters.
Wix Editor
Studio Editor
  1. Click the single service calendar element in your editor.
  2. Click Settings.
  3. Click Display.
  4. Enable the Show header toggle to display a header.
  5. Select the checkbox next to each element you want to display in the single service calendar: Title, Subtitle, Location filter and Staff filter.
  6. Select the checkbox next to the relevant option for the subtitle:
    • Custom text: Add a custom subtitle in the text tab of the Settings panel.
    • Service subtitle: Use the subtitle you added when creating the service.
  7. Select the relevant checkbox to choose what clients see when they first try to book the service:
    • Current date: Display today's date by default. 
    • First date with availability: Display the first date with available slots for clients to book. 
  8. Select the relevant checkbox to choose which class time slots you want to display:
    • All time slots, including full & closed slots: Choose this option to display all class sessions. 
    • Available time slots only: Choose this option to display only classes with available spaces. 
  9. Enable the Limit display of time slots toggle to show only a specific number of available slots on the calendar widget. Select the number of time slots you want to display using the slider. 
  10. Enable the Show video conferencing badge toggle for online services. 
A screenshot showing how to choose which elements to display on your calendar in the wix editor.

Adjust the design of the single service calendar

With all the relevant elements now displaying in the single service calendar widget, adjust the design so it suits your site properly.
Wix Editor
Studio Editor
  1. Click the single service calendar element in your editor.
  2. Click Settings
  3. Click Design
  4. Choose what you want to design:

Customize the text content on the single service calendar

Customize any piece of text in the single service calendar to suit your site design. This includes making the text bold, adjusting the size or color, and changing the font.
Wix Editor
Studio Editor
  1. Click the single service calendar element in your editor.
  2. Click Settings.
  3. Click Text
  4. Click to select the relevant section where you want to customize the text content. 
  5. Enter the custom text content in the relevant fields. 
A screenshot showing how to customize the text you display on the calendar in the wix editor.