Wix Bookings: Adding and Setting Up a Single Service Calendar
10 min read
Add a single service calendar to any page on your site to allow your clients to book even faster. This works well on landing pages for new services or during limited time promotions.
Step 1 | Add a single service calendar
Adding a single service calendar helps your clients book the specific service they need faster. You can add the calendar widget to any page you choose and select the relevant service for that page.
To add a single service calendar:
Wix Editor
Studio Editor
- Go to your editor.
- Click Add Elements on the left side of the editor.
- Click Bookings.
- Click Calendar.
- Drag the calendar widget onto your page.
Step 2 | Select the service you want to display
Now that you have added the single service calendar to the page, you can choose which service you want to display.
To select the service you want to display:
Wix Editor
Studio Editor
- Click the single service calendar element in your editor.
- Click Settings.
- Click Services.
- Select the checkbox next to the service you want to display.
Step 3 | 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.
To customize the look of the single service calendar:
Wix Editor
Studio Editor
- Click the single service calendar element in your editor.
- Click Settings.
- Click Layout.
- Choose from a daily or weekly layout.
- Use the available formatting options to adjust the alignment of the calendar widget text.
- Use the sliders to adjust the amount of padding between elements in the single service calendar widget.
Step 4 | 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.
To choose which elements to display on the single service calendar:
Wix Editor
Studio Editor
- Click the single service calendar element in your editor.
- Click Settings.
- Click Display.
- Enable the Show header toggle to display a header.
- Select the checkbox next to each element you want to display in the single service calendar: Title, Subtitle, Location filter and Staff filter.
- 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.
- 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.
- 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.
- 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.
- Enable the Show video conferencing badge toggle for online services.
Step 5 | 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.
To adjust the design of the single service calendar:
Wix Editor
Studio Editor
- Click the single service calendar element in your editor.
- Click Settings.
- Click Design.
- Choose what you want to design:
Styles - Backgrounds & borders
Text - Fonts & colors
Selections - Button & interactive elements
Step 6 | 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.
To customize the text content on the single service calendar:
Wix Editor
Studio Editor
- Click the single service calendar element in your editor.
- Click Settings.
- Click Text.
- Click to select the relevant section where you want to customize the text content.
- Enter the custom text content in the relevant fields.
Did this help?
|