How to add a popup form to your Showit website

A step-by-step guide to embedding a Flodesk popup form on your Showit website.

Flodesk popup forms help you capture your visitors’ email addresses so you can grow your list and stay connected with your audience.

Popups appear on top of your website content and are designed to grab attention at the right moment—making them one of the most effective ways to turn visitors into subscribers.

This guide walks you through creating your popup form in Flodesk and adding it to your Showit website so it displays for your visitors.

Make sure you have:

• A popup form created in Flodesk

• Access to your Showit website editor

You’ll need to copy the Flodesk popup header code and paste it into your Showit page settings.

1. Log in to your Flodesk account.

2. Go to Forms.

3. Create a Popup form.

4. Customize the design, text, and settings to match your brand.

Once your form is ready, you’ll generate the embed code.

1. Click Embed.

2. A window will appear showing the Header code.

3. Click Copy.

You’ll paste this code into Showit so your popup can display on your website.

1. Open your website in the Showit editor.

2. Select the page where you want the popup form to appear.

3. Make sure all canvases are minimized.

4. Click the page bar at the top so the page settings are selected.

1. In the right-side settings panel, open Advanced Settings.

2. Click Custom Head HTML.

This is where you can add scripts or code that should run on the page.

1. Paste the Flodesk header code into the Custom Head HTML field.

2. Click Save.

Your popup form is now connected to the page.

See the screenshot below as a reference.

1. Click Preview to test your popup.

2. Confirm that it appears as expected.

3. Publish your site when you're ready.

Your popup form will now display to visitors on that page.

To add a Flodesk popup form to Showit:

1. Create and customize your popup form in Flodesk.

2. Copy the popup header code from the Embed settings.

3. Open the desired page in the Showit editor.

4. Go to Advanced Settings → Custom Head HTML.

5. Paste the code and save.

6. Preview and publish your website.

Check the following:

• The header code is pasted correctly in Custom Head HTML

• You saved and published your site after adding the code

• Your popup’s display settings allow it to appear on that page

Also try clearing your browser cache or testing in a private window.

Yes.
You’ll need to add the popup header code to each page where you want the popup to appear.

Yes. Popup timing and behavior are controlled inside Flodesk.

You can choose triggers such as:

• Immediately

• Time delay

• Scroll percentage

These settings determine when visitors see your popup.

No.
You only need to paste the header code once per page where the popup should appear.

Yes.

Simply go back to Advanced Settings → Custom Head HTML in Showit and delete the Flodesk header code, then save and republish your site.