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

# Embed Fillout forms on Shopify

> Insert a form directly on your Shopify store. Choose between a standard, popup, full screen, and slider embed styles.

## What is Shopify?

[Shopify](https://www.shopify.com/) is a leading e-commerce platform that allows businesses to easily create and manage their own online stores. With customizable templates, integrated payment options, and powerful tools for marketing and inventory management, Shopify helps entrepreneurs grow and scale their businesses globally.

## How to embed your form

<Steps>
  <Step title="Choose an embed style">
    Click `Publish` in the upper right corner of the Fillout form editor. A popup will show up where you can pick an **embed style**.

    <img src="https://mintcdn.com/fillout-005a867b/8xPSE_gltIWkl-pC/images/image.png?fit=max&auto=format&n=8xPSE_gltIWkl-pC&q=85&s=7dbcd6fa7b9a41bd1cbd1163d7f11065" alt="image.png" width="1780" height="440" data-path="images/image.png" />

    If you've already published your form, click `Share` in the top middle or top right. Adjust your embed style settings to fit your use case. Then, `Get the code`
  </Step>

  <Step title="Paste Fillout embed code">
    Log in to your Shopify store and click `Online Store` followed by `Pages`. Then, choose the page where you would like to insert the form into.

    <img src="https://mintcdn.com/fillout-005a867b/RwMXs5bjvDzocb2x/images/sharing-and-embedding/image-13.png?fit=max&auto=format&n=RwMXs5bjvDzocb2x&q=85&s=c6e54a1e0539735d92ce4fc764974af5" alt="" width="2653" height="486" data-path="images/sharing-and-embedding/image-13.png" />

    Click `</>` and paste the code in the **Content** field.

    <img src="https://mintcdn.com/fillout-005a867b/RwMXs5bjvDzocb2x/images/sharing-and-embedding/image-14.png?fit=max&auto=format&n=RwMXs5bjvDzocb2x&q=85&s=11082c9cfe7f5d8643c407d32ee0ed25" alt="" style={{ width:"65%" }} width="1306" height="731" data-path="images/sharing-and-embedding/image-14.png" />
  </Step>

  <Step title="Save and preview">
    Click `Save` in the lower right corner to preview the page. That's it! Now, you'll be able to see responses under the [**Results**]() tab of your Fillout form.

    <img src="https://mintcdn.com/fillout-005a867b/RwMXs5bjvDzocb2x/images/sharing-and-embedding/image-15.png?fit=max&auto=format&n=RwMXs5bjvDzocb2x&q=85&s=f5851deeed7b868b410b63782572a246" alt="" style={{ width:"86%" }} width="1150" height="631" data-path="images/sharing-and-embedding/image-15.png" />
  </Step>
</Steps>

## Add a form to all pages

Select `Themes` in the left menu under `Online Store`. Then, click `...` and select `Edit code`.

<img src="https://mintcdn.com/fillout-005a867b/RwMXs5bjvDzocb2x/images/sharing-and-embedding/image-16.png?fit=max&auto=format&n=RwMXs5bjvDzocb2x&q=85&s=2c4d0333a846dbea071f3bfe51b592a9" alt="" width="1937" height="964" data-path="images/sharing-and-embedding/image-16.png" />

Go to `</> theme.liquid` from the left-hand panel and paste the [**embed code**](/shopify) of your Fillout form at the top of \</body> and \</html> tags at the bottom. Then, click `Save` in the top right.

<img src="https://mintcdn.com/fillout-005a867b/RwMXs5bjvDzocb2x/images/sharing-and-embedding/image-17.png?fit=max&auto=format&n=RwMXs5bjvDzocb2x&q=85&s=547c76479bf0c40c1be6d7d6ae27c6c6" alt="" width="2668" height="1431" data-path="images/sharing-and-embedding/image-17.png" />

That's it! Your embedded form will now show up on every page of your Shopify website.

## Related article

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