How to add a Flodesk inline form into LeadPages

A step-by-step guide to embedding a Flodesk inline form on a LeadPages landing page, pop-up, or site without using Zapier.

Flodesk forms help you capture email subscribers so you can grow your list and stay connected with your audience. By embedding a Flodesk inline form directly inside LeadPages, visitors can subscribe without leaving your page.

LeadPages includes built-in form widgets, but these don’t integrate directly with Flodesk unless you use Zapier. Instead, you can simply embed your Flodesk form using an HTML widget, which connects the form directly to your Flodesk audience.

This guide walks you through creating your form in Flodesk, copying the embed code, and placing it into LeadPages.

Note: If you’re looking to use LeadPages Alert Banners with Flodesk you’ll need to utilize Zapier.

Make sure you have:

• A Flodesk inline form created

• Access to your LeadPages account

• Permission to edit your LeadPages landing page, pop-up, or site

You’ll need two pieces of code from Flodesk:

• The header code

• The inline code

Both are required for the form to display correctly inside LeadPages.

Log in to your Flodesk account.

1. Go to Forms.

2. Click + New Form.

3. Select Inline form.

4. Customize the design and fields to match your brand.

If you want the form to blend into your LeadPages design:

1. Click outside the form canvas.

2. In the right sidebar, select the Background color.

3. Choose No Color.

4. Repeat the same step for the Canvas color.

This allows the LeadPages background design to show behind your form.

Once your form design is ready:

1. Click Embed.

2. Copy the header code.

3. Copy the inline code.

Keep both snippets handy—you’ll paste them into LeadPages in the next steps.

Log in to your LeadPages account.

Open the landing page, pop-up, or site where you want your Flodesk inline form to appear.

You can use an existing template or build a page from scratch.

Many LeadPages templates include a two-step opt-in, where visitors click a button before the form appears.

If your LeadPages template uses a button to trigger the form pop-up, you should enable conversion tracking before adding your form.

1. Hover over the Call To Action button.

2. Click Edit Click Event.

3. Check the option to count a click of your button as a conversion.

Because you’re embedding your Flodesk form instead of using LeadPages’ built-in form integration, this is the only way LeadPages can track conversions on the page.

If your template includes a preset LeadPages form:

1. Hover over the Call To Action button.

2. Click Edit Pop-Up.

3. When the pop-up editor opens, hover over the existing form block.

4. Delete the form.

This clears space so you can replace it with your Flodesk form.

Now add the container where your Flodesk form will display.

1. Open the Widgets panel on the left side of the editor.

2. Drag the HTML widget into the section where you want the form to appear.

You can place the HTML widget:

• Inside a pop-up

• Directly on a landing page

• Anywhere in your LeadPages layout

If you’re building your page from scratch, simply place the HTML widget where you want the form.

You can read more about creating an on page pop-up form in LeadPages help center.

Click the HTML widget you added.

Paste the Flodesk header code first, followed by the inline code directly below it.

Save your changes.

Your Flodesk inline form will now appear inside your LeadPages design.

Click Preview in LeadPages to test your form.

Submit a test email address to confirm that:

• The form appears correctly

• Subscribers are added to your Flodesk audience

Once everything looks good, publish your page.

Your visitors can now subscribe directly through your Flodesk form.

To add a Flodesk inline form to LeadPages:

1. Create your form in Flodesk

2. Copy the header code and inline code

3. Open your LeadPages page

4. Enable conversion tracking for the CTA button (if using a two-step opt-in)

5. Replace the default form with an HTML widget

6. Paste the Flodesk embed code

7. Preview and publish your page

This allows you to collect subscribers directly in Flodesk without using Zapier.

Yes. You can embed a Flodesk inline form anywhere LeadPages allows an HTML widget, including landing pages, pop-ups, and full sites.

No. Embedding your Flodesk form using the header code and inline code connects the form directly to your Flodesk audience.

The header code loads the form script, while the inline code displays the form. LeadPages requires both snippets inside the HTML widget for the form to work.

Yes. You can customize the form’s fonts, colors, fields, and button styles inside Flodesk. Many users also make the form background transparent so it blends into their LeadPages layout.

Check that:

• Both the header code and inline code are pasted into the HTML widget

• The code was copied completely from Flodesk

• The page has been saved and republished

Then preview the page again.

Yes. Anyone who signs up through the embedded form is added directly to your Flodesk audience and can trigger any workflows connected to that form.