The Page Designer in your Booking Calendar allows you to create a fully customizable, standalone page. This page is perfect for sharing your Booking Calendar across various channels, making it accessible to a wide audience.

How to Design your Booking Calendar’s Page

The Page Designer allows extensive customization, and you’ll see changes in real-time using the Live Preview (WYSIWYG), which works for both desktop and mobile views.

Navigating to the Page Designer

1. Click on Booking Calendars in the left-hand side menu.
2. Select the Booking Calendar you want to design a page for.
3. Go to the Page Designer tab.

Customizing the Page URL

You can click on Customize URL in the customization pane on the right to specify a custom URL for your page.

Customizing the Page Background

Choose a background style that aligns with your brand or purpose:

• Solid color: Select a single color for the background.
• Image: Upload an image to use as the page backdrop.
• Dynamic gradient: Pick from predefined gradient options or create a custom gradient with up to three colors.

Customizing the Information Pane

You can customize the Information pane that appears on the left-hand side of the screen when guests are interacting with your Booking Calendar. The options you have available are: 

• Upload a Logo: Add a logo to establish your branding.
• Upload a Profile Image: Include an image to make your page more personable.
• Add a Heading and Subheading: Provide essential context or branding information at a glance.
• Welcome Message: Write a friendly message to greet visitors when they land on your page.
• Social Links: Add clickable icons to your social profiles (e.g., website, X (formerly Twitter), YouTube).
• Text Color: Select the font color that displays in the Information Pane.
• Pane Opacity: Adjust the transparency to blend the panel with your background design.

Customizing the Interaction Pane

You can customize the Interaction pane that appears in the right-hand side of the screen when guests are interacting with your Booking Calendar. The options you have available are: 

• Button Color: Select the color of your action buttons.
• Pane Opacity: Adjust the transparency to match your design preferences.

Adding a Page Footer

Use the Page Footer text box to input text that will appear at the bottom of your Booking Calendar page. This could be additional information, a tagline, or a closing message.