Your 10to8 booking page makes it easy and convenient for your customers to book appointments with you. As standard, every 10to8 account comes with its own unique booking page.
10to8 offers a range of options to personalize your booking page in line with your brand. You can find your booking page and all customization options under 'Configuration' > 'Online Booking' > 'Booking Page'. This guide will outline each of these options and how to use them.
SECTIONS:
How to Customize Your Booking Page URL
How to Upload Logo & Header Images
How to Upload a Custom Favicon
How to Change Your Booking Page Theme
How to Add Custom Booking Questions
How to Change the Order of Your Services
How to Create More Booking Pages
How to Customize Your Booking Page URL
You'll find your booking page URL at the top of the page. By default, 10to8 booking page URLs contain a random string of letters.
If you'd like to personalize your booking URL, you can customize it by clicking the 'Edit' button. Input your desired URL and then click 'Save'.
How to Upload Logo & Header Images
If you're subscribed to our Pro plan or above, you're able to upload custom logo and header images to your booking page.
To upload logo and header images, click on the 'Style and Branding' drop-down.
Ensure that the options to show your logo and header images are enabled, then click to upload your images.
Note: There's no size restriction for logo and header images, but if they don't look the way you want them to, you can resize them before uploading them again.
Once you've selected the image to upload, you'll be shown a preview box. You can use this to crop the image if necessary, by dragging the small grey squares in each corner.
When you're happy with the selected image, click 'Preview', then click 'Upload'. Your image will then be applied to your booking page.
You can delete your logo and header images at any time by clicking the remove button.
How to Upload a Custom Favicon
As well as logo and header images, you also have the option to upload a custom favicon. This is the little icon that appears within the browser page tab of the website you're viewing, and offers a great way to further customize your booking page.
To upload a custom favicon, head to the 'Style and Branding' section and then click 'Upload Website Icon'.
The process for uploading this image is the same as it is when uploading logos and headers.
How to Change Your Booking Page Theme
Users subscribed to our Premium plan or above can change the booking page theme.
At the bottom of the 'Style and Branding' drop-down, you'll find the option to select a booking page theme. You can choose either 'Modern' or 'Classic'.
Click to make your selection, and 10to8 will apply and save it automatically.
10to8's Modern theme incorporates our turquoise color scheme and rounded corners for a fresh look.
10to8's Classic theme features a darker blue color scheme and sharper corners. This theme is WCAG compliant.
How to Edit Text Format
10to8 supports markdown for text formatting. You can edit the format of the text displayed at the top of your booking page and within the left-hand panel.
If you'd like to create headings, bold/italicized text and insert links and images, click here for more information on how to do so.
How to Upload Staff Photos
If you'd like to give your customers a preview of the staff member they're booking with, you can upload a profile photo for them which will appear on your booking page next to their name, at the staff selection stage.
To do this, head to 'Setup' > 'Staff' and click on the staff member for whom you'd like to add a photo.
Scroll down to 'Booking Page Photo' and click 'Upload photo'. Just like with logo and header images, you'll be presented with a preview box once you've selected your image. Click 'Preview', then 'Upload' to upload and save the image.
Note: we recommend that staff photos are 200 x 200 pixels in size for best results.
You'll then see the photo for that staff member within the 'Booking Page Photo' section of their staff profile, and next to their name on your booking page when customers are choosing a location and staff member.
How to Add Custom Booking Questions
Adding custom booking questions is a great way to collect useful appointment information from your customers. Head to 'Configuration' > 'Online Booking' > 'Booking Process' to get started.
Under the 'Customer information entry' section, click 'Add new question' to create a custom booking question.
If you'd like the question to be compulsory, click the switch next to 'Required'. The switch will be turquoise when on, and grey when off. Customers must provide an answer to required questions in order to be able to book.
Type your custom booking question into the text box. You can then click the 'Type' drop-down to choose a format.
The available formats are as follows:
- Text: customers freely type their answer
- Checkbox: customers use checkboxes to select pre-defined answers
- Yes/No: customers select either yes or no
- Choices: customers select answers from a pre-defined list of choices
- Hidden: these questions are hidden from your main booking page and can instead be included in custom booking links. See here for more info.
When adding a multiple-choice question with the 'Choices' option, you'll need to provide each of the answers your customers will choose from. Click the '+ Add Options' button to add a new answer and repeat as necessary.
Note: you'll need to type an answer into the option box before you're able to add another one.
To delete an answer, click the red trash can icon next to it. The same applies to the booking question itself.
You can customize the order in which your questions appear. To do this, drag them using the two lines at the far-left edge.
Note: if you'd like to include the answers to your custom booking questions in your customer emails, there's a tag you can use for that. {{answers.xxxxxx}} (with the 'xxxxxx' being replaced with the number from the custom question's key) will populate the message with the customer's answer to the booking question(s) you choose. For more information on email tags, click here.
10to8 also offers you the option to add service-specific booking questions. To do this, select the specific service from the drop-down menu at the top of the page, and select 'Use different settings for [service name]'.
Then, follow the same steps as above to add custom booking questions for this service.
How to Add a Service Category
To separate your services into different categories, head to 'Configuration' > 'Online Booking' > 'Booking Page' and click the 'Service' drop-down. Here you'll find the list of services bookable via your booking page.
To add a category, click 'Add a new group'.
Then enter the name of the category and click '+ Add Service' to begin adding services to this group. Your services will appear for selection from a mini drop-down menu.
Once your services have been separated into categories, they'll appear within these categories on your booking page.
How to Change the Order of Your Services
To modify the order in which your services appear on your booking page, locate them within the 'Services' list and use the up/down arrows to move them. Those nearest the top will be displayed first.
How to Remove a Service
To remove a service from your booking page (or from a particular category), click the 'X' icon.
If you wish to delete a service entirely, click the red trash can icon instead.
Note: if you click the trash can icon accidentally, you'll need to head to 'Setup' > 'Services' to recreate the service.
How to Modify a Service
To find additional options for each service, click on the service name to expand a drop-down menu.
You can change or edit the service name at the very top. Your changes will automatically save.
The additional options are as follows:
- Description: add a public description of the service (customers can view this description when they click 'See Details' on your booking page)
- Duration: set or amend the service duration/length (you can also add an interval/time lapse between slots here)
- Payment: define payment options for the service
- Online Booking: choose whether to make the service bookable, or just visible
To add a different price or duration option for the same service, click 'Add price/duration'. You can then input the details for this additional option.
How to Create More Booking Pages
Users subscribed to our Premium plan and above can create and use more than one booking page. To add another booking page, click on the 'Advanced Options' section, then click 'Create Page to use Multiple Pages'.
This will immediately create another booking page. You'll find the new page in the drop-down at the top of the page. Here you can create another one, and rename your existing pages.
Need More Help?
We hope this guide has been useful! If you have any questions or need any assistance, reach out to our support team who will be more than happy to help you.