Customizing Your Booking Page Backgrounds

YouCanBookMe now offers the ability to customize your booking page background, allowing you to showcase your brand and personality. This article will guide you through the process of setting up and using this feature.

Available on Individual, Professional and Team plans

Screenshot 2024-10-07 at 12.45.34.png

In this article:

How to Change Your Background

To customize your booking page background:

1. Go to your booking page settings
2. Navigate to Additional options > Appearance
3. Look for the "Customize background" option
4. Choose your preferred background style None, Gradient, or Image

If you select Gradient, you'll see options to choose the intensity and the direction of the gradient. 

Screenshot 2025-02-27 at 11.29.58.png

 

If you select Image, you'll be able to upload a file, and decide of how much blur you want.

Screenshot 2025-02-27 at 11.29.09.png


6. Preview your changes in real-time
7. Save your settings

Screenshot 2024-10-17 at 14.40.41.webp

Flexible and User-Friendly Design

The new background customization feature has been thoughtfully integrated into the YouCanBookMe platform:

  • Settings can be adjusted on a per-booking page basis, giving users the flexibility to tailor each page to specific needs or clients.
  • The customization options are easily accessible under the "Additional options > Appearance  section.
  • A live preview allows users to see their changes in real-time, ensuring the perfect look before going live.

Optimized for All Devices

YouCanBookMe has ensured that this new feature looks great across all devices:

  • On desktop, background images and gradients sit behind the booking page, creating an immersive experience.
  • On mobile devices, the background adapts to become an attractive header, maintaining a professional look on smaller screens.
  • Choose the right image size. For mobile devices, images that are less than 600 pixels wide may appear blurry, and for desktop devices, anything under 1080 pixels wide could also appear unclear. You might find it helpful to use an image resize tool like Canva to adjust your images to the right dimensions.

Screenshot 2024-10-17 at 14.28.10-1.webp

FAQS

  • Background customization is a booking page level setting. You can have different backgrounds for different booking pages.
  • The background style will not be displayed when the booking page is embedded.
  • If you downgrade your plan, pages using premium background options will revert to the standard tint setting.
  • On desktop, the background appears behind the entire booking page. On mobile, it adapts to become a header.

Best Practices

  • Choose images that are not too busy or distracting.
  • Ensure your text remains readable against the background.
  • Consider using images that reflect your brand or the nature of your bookings.

 

For further questions, contact our team at support@youcanbook.me.

Join YCBM's Community Forum

Access your YCBM Dashboard



Was this article helpful?