Embed a Fillout form in a Shopify website
Insert a form directly in your Shopify store. Choose between a standard, popup, full screen, and slider embed styles.
Add a form to your Shopify page
After creating your form in Fillout, click
Publish
. ![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F8e4c2d1a-f839-465c-880e-2395e96f87be%252FScreen_Shot_2024-05-02_at_12.25.04_PM.png%3Ftable%3Dblock%26id%3D87fe2d23-7c56-4930-a93c-98f78fcc756a%26cache%3Dv2&w=3840&q=75)
Navigate to the Share tab in the top menu, and choose an Embed type. Then, click
Use this embed
to copy the code.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F4ee41fcd-6916-4baa-b806-41c1b1ee6642%252FScreen_Shot_2024-05-02_at_12.28.50_PM.png%3Ftable%3Dblock%26id%3D914c8726-dad6-4ab1-8114-10de26ed0edf%26cache%3Dv2&w=3840&q=75)
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.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F2b79377e-3add-4c88-8797-46163925ce39%252FUntitled_design-3.png%3Ftable%3Dblock%26id%3D9207ba1b-2ea4-440a-ae42-af3881c666a3%26cache%3Dv2&w=3840&q=75)
Click the Show HTML
</>
icon. Then, paste the code in the Content field. ![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fee957cfe-a6fa-425d-9563-bc17892bae45%252FScreen_Shot_2024-05-02_at_3.36.02_PM.png%3Ftable%3Dblock%26id%3D921389be-1bd5-4251-adf0-03d83bd8a731%26cache%3Dv2&w=3840&q=75)
Click
Save
in the upper right corner, and view the page. That's it! Now, you'll be able to see responses under the Results tab of your Fillout form.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F5774f712-88ed-45ad-add5-fecafdc3834b%252FScreen_Shot_2024-05-02_at_3.57.31_PM.png%3Ftable%3Dblock%26id%3D074ce367-405a-4e87-8437-4c90a59a5f00%26cache%3Dv2&w=3840&q=75)
Add a form to all pages
Click
Online Store
followed by Themes
in the left menu.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F9912b58f-ce5e-4784-b269-ba4baf275915%252Fimage.png%3Ftable%3Dblock%26id%3D5eac21bc-58fc-49a5-ad11-90a05b17a824%26cache%3Dv2&w=3840&q=75)
Click the horizontal ellipsis or
...
, then select Edit code
.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fe1a00ba1-1ade-441f-a352-c7b0632e688a%252Fimage_(1).png%3Ftable%3Dblock%26id%3D9bc49e99-a997-4b6d-a224-c1cc8b81d343%26cache%3Dv2&w=3840&q=75)
Go to
</> theme.liquid
from the left-hand panel and paste the embed code of your Fillout form at the top of </body> and </html> tags.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fac24e4f6-73cd-449e-aed9-b9073a772bc8%252FScreen_Shot_2024-05-07_at_5.03.44_PM.png%3Ftable%3Dblock%26id%3D7b967a72-a01f-4890-b14b-4f81d467809b%26cache%3Dv2&w=3840&q=75)
That's it! Your embedded form will now show up on every page of your Shopify website.