---
title: "How To Design a Page for Your Booking Calendar"
description: "The Page Designer in your Booking Calendar allows you to create a fully customizable, standalone page."
url: "https://help.staticso2.com/human-engagement/booking-calendars/sharing-embedding/how-to-design-page-for-your-booking-calendar"
---

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

[Section titled “How to Design your Booking Calendar’s Page”](#how-to-design-your-booking-calendars-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

[Section titled “Navigating to the Page Designer”](#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

[Section titled “Customizing the Page URL”](#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

[Section titled “Customizing the Page Background”](#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.
* **Video:** Upload a video to use as a cinematic background for your booking links.

### Customizing the Information Pane

[Section titled “Customizing the Information Pane”](#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

[Section titled “Customizing the Interaction Pane”](#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

[Section titled “Adding a Page Footer”](#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.