> ## 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 links and external URLs

> Add clickable URLs anywhere in your form to link to external websites or services.

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 hyperlink

Simply highlight any text in your form and click <Icon icon="link" />.

<img src="https://mintcdn.com/fillout-005a867b/9ZPTPXD7JMytbyiL/images/Screenshot2025-10-16at2.02.31PM.png?fit=max&auto=format&n=9ZPTPXD7JMytbyiL&q=85&s=46bf963b5b5603940430d247ff9350f5" alt="Screenshot 2025-10-16 at 2.02.31 PM.png" title="Screenshot 2025-10-16 at 2.02.31 PM.png" style={{ width:"55%" }} width="1081" height="296" data-path="images/Screenshot2025-10-16at2.02.31PM.png" />

Insert your URL in the popup and click `Save`.

## Add **URL buttons**

You can add a button to an ending page. Drag and drop the `URL button` from the left-hand panel to the form. Then, click its <Icon icon="gear" iconType="solid" /> to add a URL in the right-hand panel.

<img src="https://mintcdn.com/fillout-005a867b/IMAIUCLYatGiRCP3/images/Screenshot2026-01-12at3.45.49PM-1.png?fit=max&auto=format&n=IMAIUCLYatGiRCP3&q=85&s=addfc955ffdb817cd20a8657361f17c9" alt="Screenshot 2026 01 12 At 3 45 49 PM" width="2652" height="1404" data-path="images/Screenshot2026-01-12at3.45.49PM-1.png" />

## Insert dynamic links

You can make your URLs dynamic. In the URL input field, simply type **@** or click <Icon icon="square-plus" iconType="solid" /> to reference form inputs. Then, click `Save`.

<img src="https://mintcdn.com/fillout-005a867b/IMAIUCLYatGiRCP3/images/Screenshot2026-01-12at3.49.12PM.png?fit=max&auto=format&n=IMAIUCLYatGiRCP3&q=85&s=e3847ae35ccb0e7dd92c809040e3f974" alt="Screenshot 2026 01 12 At 3 49 12 PM" title="Screenshot 2026 01 12 At 3 49 12 PM" style={{ width:"55%" }} width="1285" height="692" data-path="images/Screenshot2026-01-12at3.49.12PM.png" />

In this example, we’ve referenced an applicant’s username in the referral link. Each time a respondent completes this form, a unique link containing their username will be generated.

## **Automatic redirects**

You can also link to an external page automatically, via a redirect. See [ending page](/help/ending-page) for details.

<SupportBanner />
