How to add an inline form to your Weebly website

Add a Flodesk inline form directly into your Weebly page so visitors can subscribe without leaving your site.

Inline forms are embedded directly into a webpage. Unlike popups, they appear as a natural part of your page layout — inside blog posts, on landing pages, in sidebars, or in footers.

To add a Flodesk inline form to Weebly, you’ll copy two pieces of code from Flodesk and paste them into an Embed Code block in Weebly.

Before you begin:

• Make sure your inline form is created and customized in Flodesk.

• You’ll need both the Header code and the Inline code.

• Adding only one of the codes will not display the form correctly.

1. In your Flodesk dashboard, open your Inline form.

2. Click Embed.

3. You’ll see two code snippets:

   • Header code

   • Inline code

Keep this window open — you’ll paste both codes into Weebly in the next steps.

1. Log into your Weebly account.

2. Open the page where you want the form to appear.

3. From the left-hand menu, drag the Embed Code element onto your page where you'd like the form to display.

1. Click on the Embed Code block you just added.

2. Select Edit Custom HTML.

3. Paste the Header code first.

4. Immediately paste the Inline code directly below it.

Important:
Both codes must be added together in the same Embed Code block. The Header code always goes first.

1. Click outside the HTML box.

2. Your form should now appear on the page.

3. Resize or reposition the block as needed.

4. Click Publish in Weebly to make your changes live.

That’s it! Your inline form is now embedded and ready to collect subscribers.

Form not showing?

• Double-check that both the Header and Inline codes were added.

• Make sure the Header code is pasted first.

• Confirm you’re using an Embed Code block (not a text block).

Form looks off or misaligned?

• Resize the Embed Code block in Weebly.

• Check your page layout settings (spacing or column width may affect display).

Inline forms:

• Stay visible at all times

• Feel seamless and integrated

• Work well inside blog posts and landing pages

• Help grow your email list organically

If you're serious about building your list, adding an inline form to high-traffic pages is a smart move.

To add a Flodesk inline form to Weebly:

1. Create and customize your inline form in Flodesk.

2. Click Embed and copy both code snippets.

3. In Weebly, drag in an Embed Code block.

4. Paste the Header code first, then the Inline code.

5. Publish your page.

Yes. Both are required for the form to display and function properly.

Inside an Embed Code block using the Edit Custom HTML option.

Yes. You can paste the same Header and Inline code into multiple pages.

Most often, this happens because:

• Only one code snippet was added

• The Header code wasn’t pasted first

• The code was added to the wrong type of block

No. Styling (fonts, colors, layout) must be done inside the Flodesk form editor before embedding.

Weebly must allow custom HTML embeds. Most standard plans do, but if you don’t see the Embed Code option, check your Weebly plan details.

If you run into issues, Weebly’s help documentation can also guide you through adding custom HTML blocks: Weebly support documentation on how to add HTML content.