How to add a Flodesk opt-in form to your website

Opt-in forms help turn your website visitors into email subscribers—whether you’re offering a freebie, discount, or newsletter. Flodesk gives you four types of forms, each with its own method for sharing or embedding.

This guide explains how to add each form type to your website or share them if you don’t have a website.

Before embedding a form on your website, you’ll need to create an opt-in form. If you’ve already done this, skip to Step 2.

You can find all of your saved forms under the Forms tab in your Flodesk account.

Use when: You want a form to appear as a popup on your site

How to embed:

1. In your form editor, click Embed in the top-right corner
   
   

   

   
   (Or from the Forms dashboard: hover over the form's card → click the three dots (•••) → choose Embed)
   
   

   

   
   

2. Copy the single code snippet

3. Paste it into your website header, just before the </head> tag
   

This code snippet will trigger your popup to appear based on your display settings (timing, frequency, etc.).

Use when: You want the form to appear within a specific part of a blog post, sidebar, or webpage

How to embed:

1. In your form editor, click Embed in the top-right corner
   
   

   

   
   

   (Or from the Forms dashboard: hover over the form's card → click the three dots (•••) → choose Embed)
   
   

   

   
   

2. Copy both code snippets:

   • Header code: Paste into your website header (before the </head> tag)

   • Inline code: Paste into the specific page or section where you want the form to appear (e.g., blog post, footer, sidebar)

Both snippets must be added for the form to appear and function correctly.

Use when: You want a landing page-style form with its own shareable link. No website or coding required.

Use when: You want to capture subscribers directly from your Instagram or TikTok bio

How to share:

1. In the Forms dashboard, hover over your Full page form's card / Link in bio form's card

2. Click the three dots (•••) → Get form link

3. Copy and paste the link anywhere: email, bio, button, or social media

Or, if you're in the email builder, simply click the Share button in the top right corner to get the form's link.

Need help placing the code into your website? You can find step-by-step guides in our Help Center under the Forms category, specifically in the:

• Embedding inline forms section

• Embedding popup forms section

Whether you’re using WordPress, Squarespace, Shopify, or another website builder, these guides walk you through how to embed your form properly for best performance.

Additionally, these resources may be helpful:

• How to add the same inline form multiple times to a webpage

• How to share Full page or Link in bio forms

Here’s a quick breakdown of where to paste your code based on the form type:

If you don’t have a website or prefer not to deal with code, use a Full page or Link in bio form. They work out of the box with a copy-and-paste link.