A step-by-step guide to embedding a Flodesk inline form on your WordPress website using the Genesis eNews Extended widget.

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

Inline forms are the most common type of signup form on websites. They appear directly inside a page, sidebar, footer, or blog post, and stay visible as part of the page layout.

This guide walks you through how to add your Flodesk inline form to WordPress using the Genesis eNews Extended widget.

Make sure you have:

• An inline form created in Flodesk

• The Genesis eNews Extended widget installed on your WordPress site

• Access to your WordPress dashboard

You’ll need to add two pieces of code from Flodesk:

1. The header code (added once to your website)

2. The Genesis eNews widget snippet values

Both are required for the form to work correctly.

1. Log in to your Flodesk account.

2. Go to Forms.

3. Create a new Inline Form or open an existing one.

4. Customize the design, text, and segments as needed.

Once your form is ready, click Embed.

After clicking Embed, you’ll see two code snippets:

• Header code

• Inline code

You’ll add the header code to your website first, then retrieve the Genesis widget values from the advanced embed options.

Important:
Both the header code and the Genesis widget values must be added to your website.

The header code only needs to be added once to your website.

There are two ways to do this.

Using a plugin is the easiest and safest option.

1. Log in to your WordPress Dashboard.

2. Go to Plugins → Add New.

3. Search for Insert Headers and Footers.

4. Click Install Now.

5. Click Activate.

Once you’ve installed and activated the plugin it will appear under Settings.

After installing:

6. Go to Settings → Insert Headers and Footers.

7. Find the Scripts in Header field.

8. Paste the Flodesk header code into that box.

9. Click Save.

Note: Your settings screen may look slightly different depending on your installed plugins. This is normal.

You can also use other similar plugins if you prefer.

Advanced users can add the code directly to their theme’s functions.php file.

This method requires editing theme code and is not recommended unless you're comfortable working with WordPress files.

Learn how to add code to your theme's functions.php file here.

Next, retrieve the values designed for the Genesis eNews Extended widget.

1. In the Embed window in Flodesk, scroll down to Advanced Options below the inline code.

2. Click Get Genesis eNews snippets.

You’ll see several fields containing values you can copy.

Now connect your Flodesk form to the widget.

1. In WordPress, go to Appearance → Widgets.

2. Add or open the Genesis eNews Extended widget.

3. Copy each value from Flodesk.

4. Paste it into the matching field in the widget settings.

5. Click Save.

Your inline form should now appear wherever the widget is placed on your website.

Note: the screenshot below is only an example. Your values may look slightly different.

To add a Flodesk inline form using the Genesis eNews Extended widget:

1. Create an inline form in Flodesk.

2. Copy the header code and add it to your WordPress site.

3. Open Advanced Options in the embed window.

4. Select Get Genesis eNews snippets.

5. Paste the values into the Genesis eNews Extended widget fields.

6. Save the widget.

Your form will now display on your website and allow visitors to subscribe to your email list.

Yes. The header code loads the Flodesk form script on your website, and the Genesis widget values connect your widget to your specific form. Both are required for the form to work.

Yes. This setup only works if your WordPress site uses the Genesis eNews Extended widget. If you are not using this widget, you can embed the standard Flodesk inline code instead.

Anywhere your WordPress theme supports widgets, such as:

• Sidebar

• Footer

• Homepage widget areas

Yes. You can embed multiple forms across different pages. The header code only needs to be installed once.

Check the following:

• The header code is installed on your site

• The Genesis widget values were pasted correctly

• Your site cache has been cleared if you use a caching plugin