> ## Documentation Index
> Fetch the complete documentation index at: https://help.revenuehero.io/llms.txt
> Use this file to discover all available pages before exploring further.

> With custom Layouts, design scheduling experiences that feel like an extension of your brand. 

# Customizing Layouts in RevenueHero

Your scheduling interface is where a prospect’s interest turns into intent. With **Layouts** in RevenueHero, you can fully tailor the look and feel of your meeting booking pages, forms, and confirmation screens to create a on-brand experience for your prospects.

# What are Layouts?

**Layouts** in RevenueHero define the structural design of your meeting scheduling experience, including how your calendar, form, and confirmation interfaces appear to prospects when they book a meeting with your team.

<Note>
  Admins can create and manage custom Layout templates. Once created, these templates can be used by team members when setting up their personal meeting links.
</Note>

## **How to Set Up Custom Layouts?**

<Steps>
  <Step title="Locate Layouts">
    In your **RevenueHero dashboard**, go to **Settings**. Under **Organization Settings**, click on **Branding** and navigate to the **Layouts** tab.

    <img src="https://mintcdn.com/revenuehero/w3YyFLoEbOXKvV7M/images/layouts-locate-settings.png?fit=max&auto=format&n=w3YyFLoEbOXKvV7M&q=85&s=dab90dc2c7c4bad2edd7ce370ccc9780" alt="Settings window displaying Layouts" width="1470" height="833" data-path="images/layouts-locate-settings.png" />
  </Step>

  <Step title="Create a New Layout">
    Click **Create** and name your custom layout so your team can easily identify its purpose.

    <img src="https://mintcdn.com/revenuehero/w3YyFLoEbOXKvV7M/images/layouts-name-new-layout.png?fit=max&auto=format&n=w3YyFLoEbOXKvV7M&q=85&s=7eb577f06f050d0f4a1539a6139a3f34" alt="New Layout dialog box" width="1470" height="832" data-path="images/layouts-name-new-layout.png" />
  </Step>

  <Step title="Customize Layout Appearance">
    Under **Layout Appearance**, customize how your scheduling experience looks and feels. 

    **Add Images or Videos**

    * Click **Upload** to include an image or video in your booking, form, and confirmation pages.
    * You can **drag and drop** an image or upload it directly from your computer.

          <img src="https://mintcdn.com/revenuehero/w3YyFLoEbOXKvV7M/images/layouts-add-media.png?fit=max&auto=format&n=w3YyFLoEbOXKvV7M&q=85&s=6666bd985db42f3f2d657006fbe92984" alt="Upload media to the booking page dialog box" width="2940" height="1664" data-path="images/layouts-add-media.png" />

    To include a video from **YouTube**, **Vimeo**, or **Loom**, paste the URL in the **Embed from URL** field and click **Add**.

    <Tip>
      You can use the media previously uploaded by you or another admin by selecting **My Uploads** or **Team Uploads**.
    </Tip>

    #### **Choose Media Placement**

    Choose how the uploaded media appears on the page - as background, or aligned to left or right, and preview the changes instantly in the right panel.

    <img src="https://mintcdn.com/revenuehero/w3YyFLoEbOXKvV7M/images/layouts-media-placements.png?fit=max&auto=format&n=w3YyFLoEbOXKvV7M&q=85&s=21af96d0b3c5f1a7721ad478bd7c34b1" alt="Media placement options" width="1470" height="832" data-path="images/layouts-media-placements.png" />

    #### **Display Organization Logo and Assignee Profiles**

    Toggle on the following options based on what you want to show on your booking page:

    * **Display Organization Logo** - To include your organization's logo in the booking form
    * **Display Assignee Social Profiles** - To include the social media profiles of the member the meeting being booked in assigned to

          <img src="https://mintcdn.com/revenuehero/w3YyFLoEbOXKvV7M/images/layouts-add-logo-and-social-profile.png?fit=max&auto=format&n=w3YyFLoEbOXKvV7M&q=85&s=3abff0755deeb5b5ef301419f68604e3" alt="Displaying Organization logo and social media profile of the meeting assignee on the booking page" width="1470" height="832" data-path="images/layouts-add-logo-and-social-profile.png" />

    <Note>
      The member’s social media profiles will appear only if they’ve linked them to their RevenueHero account.
    </Note>
  </Step>

  <Step title="Preview Your Scheduling Experience">
    Once you have customized your layout, use the dropdown at the top of the preview section to view how each page appears, including the **Booking page**, **Form page**, **Confirmation page**, and **Meta Info Page**.

    <img src="https://mintcdn.com/revenuehero/w3YyFLoEbOXKvV7M/images/layouts-preview-all-pages.png?fit=max&auto=format&n=w3YyFLoEbOXKvV7M&q=85&s=0639524747137c702bcacdc53de62b37" alt="Preview all pages in your scheduling experience" width="1470" height="832" data-path="images/layouts-preview-all-pages.png" />

    You can also switch to **mobile view** to see how the experience adapts on smaller screens.

    <img src="https://mintcdn.com/revenuehero/DBuYY8h7aC64EnDX/images/layouts-preview-mobile-view.png?fit=max&auto=format&n=DBuYY8h7aC64EnDX&q=85&s=a6fe7c9614a7b51dfcd7e8b89d0a97bc" alt="Booking page preview in mobile view" width="1468" height="832" data-path="images/layouts-preview-mobile-view.png" />
  </Step>

  <Step title="Customize Social Preview Settings">
    Your **Social Preview Settings** determines how scheduling links appear when shared on social platforms or chat tools. By default, this follows your **global settings**, but you can disable that to customize it specifically for this layout.

    Scroll down to:

    * Add a **Meta Title**
    * Write a **Description** for the meeting
    * Upload an **Image** to be displayed when the link is shared

          <img src="https://mintcdn.com/revenuehero/DBuYY8h7aC64EnDX/images/layouts-social-preview-settings.png?fit=max&auto=format&n=DBuYY8h7aC64EnDX&q=85&s=cb8ca73f54ef7b0353d74e78a5696791" alt="Social Preview customization" width="1470" height="831" data-path="images/layouts-social-preview-settings.png" />
  </Step>

  <Step title="Save Your Layout">
    Once you’re happy with the customization, click **Create**.

    <img src="https://mintcdn.com/revenuehero/DBuYY8h7aC64EnDX/images/layouts-save-settings.png?fit=max&auto=format&n=DBuYY8h7aC64EnDX&q=85&s=8a5959ed04864921a43a1c879e6428f0" alt="Save your custom layout" width="2940" height="1662" data-path="images/layouts-save-settings.png" />
  </Step>
</Steps>

Your new layout template is ready! Team members can now select this layout while creating their **personal meeting links**.
