Customize & stylize your booking page

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

In this article:

Set your booking page color & footer
Add a logo to your booking page
Add a logo to your confirmation emails
Stylize your booking page with the Markdown toolbar
Remove YouCanBook.me branding
Frequently asked questions

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. 

The format for a custom HEX color is #XXXXXX where the code is a combination of letters and numbers to achieve your brand color.

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

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

You can upload images up to 2000 x 2000 pixels in size, and in the following file types: 

  • .jpg
  • .jpeg
  • .gif
  • .png
  • .bmp

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. 

The logo will default to 500px unless the dimensions are smaller than that. You can resize your image before uploading it using this free online image resizer

Read more: Best practices on uploading an image to YouCanBook.me

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

Want to modify an existing image? You can overwrite an image you've previously uploaded by uploading a new image with the same file name.

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.
Read more: Using Markdown on your booking pages

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. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.