> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Add a banner within your form

> Highlight disclaimers, warnings, or key benefits. Give respondents a quick heads-up or flag invalid input.

## How to add a banner to your form

On the left-hand panel, select `Banner` or drag and drop the field anywhere on your form.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/60XYaN8M6v6eMBSZ/images/Screenshot2025-10-02at6.12.42PM.png?fit=max&auto=format&n=60XYaN8M6v6eMBSZ&q=85&s=0c9df3894b76d1562cae5c01612d7e72" alt="Screenshot 2025-10-02 at 6.12.42 PM.png" width="2653" height="1439" data-path="images/Screenshot2025-10-02at6.12.42PM.png" />

Click the banner's <Icon icon="gear-complex" iconType="solid" /> to change its color and icon. The right-hand panel will appear where you can select the appropriate **Alert type**.

<Info>
  This help article does **not** refer to header banners, but rather to banners you can add in your form's body. To add text banners, use the [heading field](https://www.fillout.com/help/heading). For image banners, use the [image field](https://www.fillout.com/help/image-gif).
</Info>

## Show banners only when necessary

Click the banner's <Icon icon="gear-complex" iconType="solid" />. Under **Logic**, `Set conditional logic`.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/KaRHLex9fqtFXaSO/images/guides/image-19.png?fit=max&auto=format&n=KaRHLex9fqtFXaSO&q=85&s=ac0991d6917c8b9af56584e2a53d7894" alt="PDF Viewer" style={{ width:"83%" }} width="2129" height="672" data-path="images/guides/image-19.png" />

`+ Add condition` to select the relevant question and answer. For this example, we will show the warning banner only when guests are interested in swimming.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/KaRHLex9fqtFXaSO/images/guides/image-20.png?fit=max&auto=format&n=KaRHLex9fqtFXaSO&q=85&s=4f5084303de83eb235777da97de22c72" alt="PDF Viewer" style={{ width:"54%" }} width="936" height="665" data-path="images/guides/image-20.png" />

Take note that default is set to `Show when` and **equals**, which means a banner will appear when a certain option is selected. Alternatively, you can [**conditionally hide fields**](/conditional-hiding) and [**add condition groups**](/condition-logic-groups).

## Where you can use a form banner

**Inform respondents of policies, rules, and potential dangers**

Banners are a great way to call attention to crucial information and relevant to what a guest or participant will be doing. This gives respondents a better idea of what to expect out of their experience.

**Excite customers and clients with exclusive deals and new features**

You can use a banner to draw a respondent’s focus to a particular service or subscription.

## Related articles

<CardGroup cols={3}>
  <Card title="Hide fields" color="#FFC738" icon="eye-slash" iconType="regular" href="/conditional-hiding">
    Hide or show fields based on answers, URL parameters or data.
  </Card>

  <Card title="Condition groups" color="#FFC738" icon="table-tree" iconType="regular" href="/condition-logic-groups">
    Show or hide fields based on multiple conditions at once.
  </Card>
</CardGroup>
