How to embed a Gather opt-in form inline on your website

There are three ways to use a Gather opt-in form on your website:

  1. Floating button: This is a small button that appears in the left or right hand corner of your website and can be used to collect leads from anywhere on your site.

  2. Sidebar experience: This is a more immersive experience that allows you to collect leads from a dedicated sidebar on your website. Click here for more information on the floating button and sidebar experience.

  3. Embedded inline form: This is a form that can be embedded directly into any page or blog post on your website.

In this article, we will show you how to embed a Gather opt-in form inline on your website.

Step 1: Create a Gather opt-in Campaign

If you don't already have a Gather opt-in Campaign, click here read about setting up a new opt-in campaign.

Once you've created your campaign, head to the Configure section of the campaign and scroll down to the ‘Embed the Opt-In Experience in-line on a page’ section.

Step 2: Choose how you want to embed your campaign

Option 1. Include the <div> along with your own width and height choices, you will need to include your own styling for the form to load on the page.

Option 2. This includes styling for the form, you can change this to match your website preferences.

Option 3. This option will embed the form so that it shares the scrolling of the page in which it is embedded.

Step 3: Embed the form on your website

To embed the form on your website, simply paste the embed code from the configure page into the HTML of the page where you want the form to appear.

Note that if you have page rules in place for your campaign, the form will continue to follow the rules of the campaign.

If you have a floating button set up for the campaign, the floating button will not appear on a page where the html tag is included.

Step 4: Test the form

Once you've embedded the form on your website, be sure to test it to make sure it's working properly. You can do this by submitting the form with a test email address.

Once you've confirmed that the form is working properly, you're ready to start collecting leads!

Cart (0)