Customize your booking page and emails
Personalize your booking page with a custom color and page footer.
This feature is available on our Individual, Professional, and Team plans.
In this article:
- Set your booking page color & footer
- Light / Dark mode
- Add a background image
- Add a logo to your booking page
- Remove a logo from your booking page
- Add a logo to your confirmation emails
- Stylize your booking page with the Markdown toolbar
- Remove YouCanBookMe branding
- Frequently Asked Questions (FAQs)
Set your booking page color
YCBM offers lots of ways for you to customize your booking page.
Add your brand color in the Appearance tab. You can choose from our Classic option, which has 6 pre-defined colors plus a color swatch where you can add the hex code of your company's brand. The 'swap' button switches between dark and light versions of the page.
Our new Duotone option offers next-level customization, with pre-set color combinations, or color pairs based on your unique brand color. Use the 'swap' button to switch between the light and dark versions of the pages. All of these options are designed to be accessible, legible, and meet AA contrast tests out of the box.
Light / Dark Mode
By default, all booking pages are set to react based on the settings of the device that is viewing the booking page. If the viewer has dark mode on, the page will appear as dark mode. If they do not, it won't change.
If your page is embedded in your website, you'll be bale to adjust this setting to match the behavior of your site.
Add a background image
To really make your page stand out, add a unique background image. You can read more about how to do that here.
Add a footer to your booking page
Click Add a footer to add additional information below your booking grid, like a link to a website, your email address or a contact phone number.
Examples from our Customers
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. You can upload images Max dimensions 4000 x 4000; PNG, JPEG, GIF files are allowed.
- In your quick settings, go to the "What" 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. Read more: Best practices on uploading an image to YouCanBookMe
Remove a logo from your booking page
- To remove or replace an image, hover over the circle and click remove. Older uploaded logos cannot be removed from the database.
- 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 section that you uploaded in the What section. Type the shorthand code {LOGO} in the body of the email and it will appear. The logo will be auto-sized to fit your booker's email window.
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 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 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 YouCanBookMe branding
Free accounts and accounts connecting to just 1 calendar will maintain the branding on their booking pages. Accounts on the Professional and Team plans have the option to remove YouCanBookMe branding from the bottom of their booking pages.
- To remove the branding on your booking pages, open your Account Settings, Toggle off YouCanbookMe branding on booking pages
- Click Update Preferences to save your changes. This action will apply to all booking pages on your account.
Frequently Asked Questions (FAQs)
- 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 YouCanBookMe 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 YouCanBookMe URL, instead of your embedded page.
- Additionally, video conference links are generated with your booking page URL.
For further questions, contact our team at support@youcanbook.me.
Access your YCBM Dashboard