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

# Customize Fillout Scheduling form branding

> Tweak your Fillout Scheduling form’s design, link, and avatar.

export const SupportBanner = () => {
  const titleId = React.useId();
  return <div className="support-banner" role="region" aria-labelledby={titleId}>
      <span className="support-banner__ring support-banner__ring--outer" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--middle" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--inner" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--center" aria-hidden="true" />

      <div className="support-banner__content">
        <div className="support-banner__title" id={titleId} role="heading" aria-level="2">Still have questions?</div>

        <div className="support-banner__copy">
          <span className="support-banner__line">Our team is happy to help. Start a live chat using the</span>
          <span className="support-banner__line">
            chat bubble <span className="support-banner__chat-icon" aria-hidden="true" /> in the bottom right, or email us at
          </span>
          <span className="support-banner__line">
            <a href="mailto:support@fillout.com">support{'@'}fillout.com</a>
          </span>
        </div>

        <a className="support-banner__cta" href="mailto:support@fillout.com">Contact us</a>
      </div>
    </div>;
};

## Design your form

Click `Theme` to open the form designer, where you can edit the colors, font, and layout of your current [theme](/help/themes). To change this, go to `All themes`.

<img src="https://mintcdn.com/fillout-005a867b/EbCn0vMalNR0Eqmq/images/Screenshot2025-10-21at5.22.34PM.png?fit=max&auto=format&n=EbCn0vMalNR0Eqmq&q=85&s=b73295b619cb6b303f18e698e9d1b145" alt="Screenshot 2025-10-21 at 5.22.34 PM.png" width="2630" height="1436" data-path="images/Screenshot2025-10-21at5.22.34PM.png" />

To make [advanced customizations](/help/advanced-designer), scroll down in the left-hand panel to open the `Advanced designer`.

## Edit form link

In the `Share` page of your form, you can easily customize your link ending or slug. More info [here](/help/custom-link).

<img src="https://mintcdn.com/fillout-005a867b/EbCn0vMalNR0Eqmq/images/Screenshot2025-10-21at5.37.50PM.png?fit=max&auto=format&n=EbCn0vMalNR0Eqmq&q=85&s=4df68d7e724192bc351d900a680cf3ea" alt="Screenshot 2025-10-21 at 5.37.50 PM.png" width="1786" height="598" data-path="images/Screenshot2025-10-21at5.37.50PM.png" />

Paid Fillout accounts can also [add a custom domain](/help/custom-domains) for fully branded scheduling forms.

## Change your avatar

Simply hover over the avatar in your form to `Customize` it. Alternatively, you may do so by clicking `Booking page` on the left-hand panel.

<img src="https://mintcdn.com/fillout-005a867b/NhGidwF0x_dEWeo4/images/Screenshot2025-10-28at5.56.41PM.png?fit=max&auto=format&n=NhGidwF0x_dEWeo4&q=85&s=f6dd1240fcabcf9fe76f101a5fe68e59" alt="Screenshot 2025-10-28 at 5.56.41 PM.png" title="Screenshot 2025-10-28 at 5.56.41 PM.png" style={{ width:"66%" }} width="1347" height="774" data-path="images/Screenshot2025-10-28at5.56.41PM.png" />

<Warning>
  The new avatar will show up on all of your Fillout forms and scheduling forms, automatically replacing the previous one.
</Warning>

## Related articles

<CardGroup cols={3}>
  <Card title="Themes" icon="palette" iconType="regular" color="#FFC738" href="/help/themes">
    Select from hundreds of themes or create your own.
  </Card>

  <Card title="Advanced designer" icon="paintbrush-pencil" iconType="regular" color="#FFC738" href="/help/advanced-designer">
    Add a custom CSS, edit button style, change text padding, and more.
  </Card>

  <Card title="Custom form links" icon="message-image" iconType="regular" color="#FFC738" href="/help/custom-link">
    Customize your form's link ending, domain, and preview image.
  </Card>
</CardGroup>

<SupportBanner />