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

# Sharing

> Share your Fillout forms via link, email, website embed, or QR code. Create templates for other Fillout users and even share forms across accounts!

export const Arcade = ({src}) => {
  const fullSrc = src.startsWith('http') ? src : `https://demo.arcade.software/${src}?embed&embed_mobile=tab&embed_desktop=inline&show_copy_link=true`;
  return <div style={{
    position: "relative",
    paddingBottom: "calc(56.111111% + 41px)",
    height: "0px",
    width: "100%"
  }}>
      <iframe src={fullSrc} title="build.fillout.com" frameBorder="0" loading="lazy" webkitallowfullscreen="true" mozallowfullscreen="true" allowFullScreen allow="clipboard-write" style={{
    position: "absolute",
    top: "0",
    left: "0",
    width: "100%",
    height: "100%",
    colorScheme: "light"
  }} />
    </div>;
};

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

## Interactive demo

<Arcade src="hbZwClXLqV9L30jG2oln" />

## Sharing forms

<CardGroup cols={2}>
  <Card title="Share & embed" icon="arrow-up-right-from-square" iconType="regular" color="#FFC738" href="/help/sharing">
    Share your form by link or embed it on your website.
  </Card>

  <Card title="Share your form with a QR code" icon="qrcode" iconType="regular" color="#FFC738" href="/help/qr">
    Place your QR code online on websites and social media posts, or offline.
  </Card>

  <Card title="Manage and limit form access" icon="lock" iconType="regular" color="#FFC738" href="/help/manage-form-access">
    Disable acceptance of new responses, set a form open date, and more.
  </Card>

  <Card title="Import and export forms" icon="folder-open" iconType="regular" color="#FFC738" href="/help/importing-and-exporting-forms">
    Transfer existing forms between different Fillout accounts.
  </Card>

  <Card title="Use URL parameters in embeds" icon="brackets-curly" iconType="regular" color="#FFC738" href="/help/embedded-url-parameters">
    Pass URL parameters to your embedded forms to track data.
  </Card>

  <Card title="Customize your form's share preview" icon="link-simple" iconType="regular" color="#FFC738" href="/help/customize-form-share-link">
    Customize the image and text that appear when you share your form.
  </Card>
</CardGroup>

## Embedding forms

<CardGroup cols={2}>
  <Card title="Embed Fillout forms on WordPress" icon="circle-w" iconType="regular" color="#FFC738" href="/help/embed-form-in-wordpress">
    Add the HTML code directly to your site or use a WordPress Embed block.
  </Card>

  <Card title="Embed Fillout forms on Webflow" icon="square-w" iconType="regular" color="#FFC738" href="/help/embed-form-in-webflow">
    Insert your form as a popup, slide-out, or a standard element.
  </Card>

  <Card title="Embed Fillout forms on Softr" icon="shapes" iconType="regular" color="#FFC738" href="/help/embed-fillout-softr">
    Embed forms connected to Airtable, that can update or create records.
  </Card>

  <Card title="Embed Fillout forms on Notion" icon="cube" iconType="regular" color="#FFC738" href="/help/notion-embed">
    Embed a Fillout form in Notion to include surveys, forms, and more.
  </Card>

  <Card title="Embed Fillout forms in Wix" icon="browser" iconType="regular" color="#FFC738" href="/help/embed-forms-in-wix">
    Insert your form as a popup, slide-out, or a standard element.
  </Card>

  <Card title="Embed Fillout forms on Squarespace" icon="scribble" iconType="regular" color="#FFC738" href="/help/embed-form-in-squarespace">
    Use embed blocks to add your Fillout form to a Squarespace website.
  </Card>

  <Card title="Embed Fillout forms on Shopify" icon="shopify" iconType="regular" color="#FFC738" href="/help/shopify">
    Insert a form directly on your store, and choose between different embed types.
  </Card>

  <Card title="Embed a Fillout form with React" icon="react" iconType="regular" color="#FFC738" href="/help/embed-forms-react">
    Increase conversions and intake data by embedding a form on your app.
  </Card>
</CardGroup>

<SupportBanner />
