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

# Social media links

> Add buttons that redirect to your organization’s social media pages, messaging channels, portfolios, and other platforms.

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 social media link

From the left-hand panel, click `Social media links`. Buttons for Facebook, X, and Instagram will appear by default.

<img src="https://mintcdn.com/fillout-005a867b/VlJGYL0Tmi6U9cNr/images/Screenshot2025-10-06at5.12.04PM.png?fit=max&auto=format&n=VlJGYL0Tmi6U9cNr&q=85&s=c645a7981910dc9f5bf54f9f00a3c202" alt="Screenshot 2025-10-06 at 5.12.04 PM.png" width="2748" height="1436" data-path="images/Screenshot2025-10-06at5.12.04PM.png" />

On the right-hand panel, click **Add link** to add URLs for each platform. To delete one, hover over a platform and click <Icon icon="trash-can" iconType="solid" /> .

You can also customize your button links like:

* Change their order from left to right using <Icon icon="grip-dots-vertical" iconType="solid" />
* Add more social links or platforms
* Change their alignment, color, and style

## Related article

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

<SupportBanner />
