> ## 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.

# Add headings to your form

> Add a heading to your surveys and forms on Fillout to create a well-structured and user-friendly experience.

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>;
};

## How to add a heading

Click `Heading` in the left-hand panel or simply drag and drop it onto your form. Then, type the text you want to display.

<img src="https://mintcdn.com/fillout-005a867b/yXf6L7bZhd5p5odY/images/Screenshot2025-11-28at8.35.45PM.png?fit=max&auto=format&n=yXf6L7bZhd5p5odY&q=85&s=ed1157d35285d72e496f29562f7d0f0a" alt="Screenshot 2025-11-28 at 8.35.45 PM.png" width="2624" height="1440" data-path="images/Screenshot2025-11-28at8.35.45PM.png" />

By default, your header will be colored according to your form’s theme. To change this, highlight the `header text`. You can also edit its formatting here and even make it a [hyperlink](https://www.fillout.com/help/add-links-to-form).

<img src="https://mintcdn.com/fillout-005a867b/h_QfN-F56vlvgBC6/images/Screenshot2025-02-25at4.16.33PM.png?fit=max&auto=format&n=h_QfN-F56vlvgBC6&q=85&s=bdf51b94d547b022be6d892afc2c70a0" alt="Screenshot of the Form designer tab of a form" style={{ width:"75%" }} width="1210" height="522" data-path="images/Screenshot2025-02-25at4.16.33PM.png" />

<Info>
  If you are looking to collect responses with headings, use the **Rich text** field.
</Info>

## Related articles

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

  <Card title="Add links" color="#FFC738" icon="link" iconType="regular" href="/help/add-links-to-form">
    Add URLs in your form to link to external websites or services.
  </Card>

  <Card title="Add images or GIFs" color="#FFC738" icon="image" iconType="regular" href="/help/image-gif">
    Use images, GIFs, picture choices, or combine them.
  </Card>
</CardGroup>

<SupportBanner />
