Wix Bookings: Customizing Your Service Pages
Important:
We are in the process of releasing a new version of the service page and it's not yet available to all users. If your service page does not look like the one in the images below, click here.
The Wix Bookings service page is the place to showcase each of your services. There, you can provide clients with everything they need to know before booking.
Service pages appear in your Editor automatically using the information you provide when creating your services. Your clients can access a service page by clicking the image, service name, or Read More link of a service.
Show me how to access the Service Page in the Editor
Show me how to access the Service Page in Editor X
In this article, learn more about:

Customizing your service page layout
Start by choosing a layout for your service page that suits your business. Then decide what service information you want to display. Include details such as the description, schedule, contact details, and more.
You can customize the design of each of the three sections of the service page: the header, the sidebar and the main body. You can also hide the header and the sidebar if you prefer.

To change the layout of your service page:
- Click the Service Page element in your Editor.
- Click Settings.
- Click the Layout tab.
- Use the Show header toggle to enable or disable the header on your service page.
- Select the checkboxes next to the elements you want to display on the service page header:
- Use the sliders to adjust the opacity, image height and side padding of your header.
- Choose the alignment for your header.
- Click Customize Image Cropping to set the image position of your header.
Choosing the information you display
You can display up to 6 different sections of information on your service page. These sections include: the service title, description, details, and schedule.
You can also display your cancellation policy and your contact details. Choose the order you think best serves your clients.
Note:
If you display a sidebar on your service page, make sure to select the information section you want to display there. Note that whatever you display in the sidebar won't appear in the main body section.
Go to your site's dashboard to edit the specific information on the service page:
- To edit the service title, subtitle, and description go to the Booking Services.
- To change your cancellation policy, edit it in the Bookings Settings tab.
- To change your contact details, go to the Business Info tab.
To choose the information you display:
- Click the Service Page element in your Editor.
- Click Settings.
- Click Sections.
- Drag and drop the sections into the correct order using the blue grids on the left.

- (Optional) Click the Edit icon
on each section and choose from the following options:
- Use the toggle to hide or show a specific section.
Tip: Theicon indicates that an element is hidden.
- Click the checkboxes to choose which details you want to display in each section (the options available depend on the section you edit).
- Choose the alignment for the section on the service page.
- Use the toggle to hide or show a specific section.

Designing your service page
You can customize the design of the service page to better suit your brand and business. Edit the header, body and sidebar to make the information you display clear.
You can also add elements such as a service details box, a schedule or a gallery so clients know exactly what to expect from your services.
To customize the design of your service page:
- Click the Service Page element in your Editor.
- Click Settings.
- Click the Design tab.
- Choose what you want to customize:
- Header: Customize the color and opacity of the service page Header background and Service Title. You can also adjust the font and background color and opacity of the header button using the available options.
- Body: Customize the color and opacity of the service page body background, text, and buttons using the available options.
- Sidebar: Customize the color and opacity of the service page sidebar background, text, and buttons using the available options.
- Service Details box: Adjust the design of the details box, including the font, color, background and border using the available options.
- Schedule: Customize the design of the schedule, including the background color, opacity, borders and dividers using the available options. You can also customize the color and the font of the text that appears in the schedule.
- Gallery: Adjust the corner radius, border width, color and opacity using the available options.

Want to learn more?
Check out the full course in Wix Learn about designing your site to build your business online.
Editing the text on your service page
Customize the text on your service page to fit your brand's tone and voice. This is useful if you and your staff have specific ways of describing your services and availability.
You can customize the text for the bookings buttons, booking requests, course availability, and more.
To edit the text on your service page:
- Click the Service Page element in your Editor.
- Click Settings.
- Click the Text tab.
- Click to edit the text on any of the available options, including your call-to-action or "Book Now" button.

Did this help?
|