Customize & stylize your booking page

Use this guide to customize the look and feel of each of your booking pages. 

Set your booking page color & footer

Under Styles & Appearance, select the primary color of your booking page. The rest of your booking page will automatically shade in variations of that color. 

Use one of our preset colors, the color picker, or type in the HEX color directly. 

Click Add a footer to add a additional information below your booking grid, like a link to a website or a contact phone number. 

Add a logo to your booking page

Uploading your logo is a great way to brand your booking page to match your brand. Square logos are recommended.

In your settings, go to the General section and hover over the circle image next to your Booking page title.  

This will open a pop-up or a new tab, where you can either browse your computer to find an image or enter a URL of the image if it's hosted somewhere else. 

You can resize, adjust and save the image so it fits into your booking page perfectly. 

To remove or replace an image hover over the circle and click remove. Older uploaded logos cannot be removed from database. 

Add a logo to your confirmation emails

You can add the same logo to your emails in the Notification & workflow section that you uploaded in the General section. Just type the shorthand code {LOGO} to the body of the email and it will appear. The logo will be auto-sized to fit your bookers email window. 

You can upload additional images into the confirmation email using the image icon 🏞 in the Markdown toolbar.

Stylize your booking pages using the Markdown toolbar

You will find the Markdown toolbar in most editable sections of your booking page. Use these shortcuts to easily add style to your text on your booking form and confirmation emails. 

• Highlight the text you want to show in bold and click the B in the toolbar to make the text bold.
• Highlight the text you want italicized, and click the I in the toolbar to make that text italicized.
• Click the link symbol 🔗 in the toolbar to add a hyperlink. Enter the text you want to be clickable, and the URL, then click Insert link. Check the box "Open link in a new window" to have the link open in a new browser tab. 
• Click the image icon 🏞 to upload additional images to your confirmation & reminder emails.
• Click the curly brackets { } to enter a shorthand code from your booking form, or system standard codes to personalize the experience for your bookers.

Remove YouCanBook.me branding

Free accounts, and accounts connecting to just 1 calendar will maintain the branding on their booking pages. Accounts connecting to at least 2 calendars have the option to remove YouCanBook.me branding from the bottom of their booking pages. 

To remove the branding on your booking pages, open your Account Settings, Toggle off YouCanbook.me branding on booking pages and click Update Preferences to save your changes. This action will apply to all booking pages on your account. 

Frequently Asked Questions

Can I embed my booking page into my website? 

Yes, we offer an iFrame embed that can be used on any website. You can also follow the instructions to embed your booking page on a Wordpress hosted site.

Does YouCanBook.me offer a white-label solution?

YouCanBook.me offers a high level of customization. You can customize your booking pages (and Stylize them) which include the ability to add logos and send notifications to bookers from your email domain. 

You can turn off the branding on the booking pages as long as you're connected to two or more calendars. 

While the booking page URL will always contain the youcanbook.me subdomain, you can embed your booking page on your website for a more seamless experience. 

It's not a full white label solution however, as the YouCanBook.me logo will still display on emails sent to you and your team members about bookings, and some parts of the booking process (reschedules, cancels) will redirect the client back to a YouCanBook.me URL, instead of your embedded page. Additionally, video conference links are generated with your booking page URL.