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 1. Start by creating and customizing your popup form.

Step 2. At the end of the form customization steps, you'll get a single code snippet. It will look something like the below image. You need to add this code to your Shopify website so that the form gets displayed and your subscribers can sign up.

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.

Let's sum it up!

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

  • First, create a popup form.

  • 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!

More to learn

We'd love to hear about your recent experience when searching for solutions to issues in the Flodesk Help Center. With your feedback, we can improve our knowledge base with new and better ways to help you succeed!

If you couldn't find a solution for your issue in the Help center, please send us a note to support@flodesk.com mentioning your Flodesk account login email with a detailed description of your problem.

Do you have an idea for a feature that will help improve Flodesk for you and other members? Our Product team would love to hear from you.

Submit a feature request here.

Did this answer your question?