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 header 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

Use when: You’re building your site in an AI tool with a chat-based interface—no coding required.

How to embed:

1. Create or select your form in Flodesk.

2. Click Embed in the top-right corner and copy the AI-friendly prompt.
   
   
   

   

3. In your AI builder (e.g., Bolt, Lovable), open the chat/prompt panel and paste the prompt.

   • Most tools have a conversational interface or an instruction field where you can describe what you want. Paste the Flodesk prompt you copied previously into the conversational chat

4. Publish or preview your site to see the form live.

   • In general, the form will appear in the project preview, but there are some tools where it is necessary to publish the project.
     

5. Adjust form: If you want to move the Inline Form to another position, you must tell the tool below or above which section, quoting the name, where you want to place it. (e.g., “Place above the testimonials section”).

For a detailed step-by-step, read How to Add a Flodesk Popup or Inline Form in AI Builders (Bolt & Lovable)

Common Issues & Quick Fixes

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, Link in bio, or AI Builder form. They work out of the box with a simple copy-and-paste.