Skip to main content
All CollectionsForms
How to add a popup form to your Shopify website
How to add a popup form to your Shopify website

A step-by-step tutorial on how to embed a Flodesk popup form to a Shopify website

Petra Molnar avatar
Written by Petra Molnar
Updated over a week ago

Flodesk forms are your website’s best friend. They capture your visitors’ email addresses so you can build your list and start regularly sharing your brand message.

And adding them to your Shopify website couldn’t be easier.

Popups are the best way to convert website visitors to subscribers. They grab the attention of visitors to your website or blog and call them to sign up for your newsletter.

How do you embed a popup form to your website?

Just add one code snippet.

How to add a popup form to your Shopify website

Step 2. After you create and customize your form, click the black Embed button in the top right corner and you will see the Header code that you need to copy.

How to add the popup form’s header code to your Shopify website

Step 3. From your Shopify dashboard, click Online store then select Themes > Current theme > Customize.

Step 4. Next, click the three dots in the upper left corner and select Edit code from the drop-down.

Step 5. Under Layout, click theme.liquid.

Step 6. Paste the popup code snippet immediately before the </head> tag.

See the below screenshot as a reference.

Step 7. Click the Save button in the top right corner. Then go back to your Theme.


  • If you’re serious about increasing your sales, building your brand and positioning yourself as a thought leader, be sure to add a popup form to your website.

  • Copy the Flodesk header code snippet that’s generated for you and paste it at the end of the Header section of your Shopify website under Theme > Current theme > Customize > Edit code > theme.liquid.

  • Start capturing visitors’ email addresses and sending out those beautiful emails!

Did this answer your question?