How do I add popup forms to a landing page?

Popup forms can help you convert more site visitors into contacts. For example, you can add a popup to your landing page if you notice that,

  • the subscription rate is lower than expected,
  • visitors leave without clicking anywhere else on the page.

Use the forms to direct the visitors’ attention to your calls-to-action. Give the people who want to click off another opportunity to sign up. Here are the forms you can use:

  • a signup form,
  • an exit popup,
  • a download popup,
  • a fixed bar,
  • an image form,
  • a scroll form.

Learn more about the types of forms and when to use them

You can customize the design by clicking any form section to edit the text, style, and button. Or, do an A/B test to see which converts better by adding different form types or different designs to the page variants.

Note: The forms let you collect the visitors’ name and email address only. It’s not possible to add more custom fields or mark any of them as required. Also, keep in mind that the forms don’t work on thank-you pages and aren’t mobile-friendly.

Adding popup forms to a landing page

You add popup forms in the landing page editor. After you’ve selected a form, a placeholder is added to the template you’re editing.

Placeholder after it's been added to a page

You can move it around, but we recommend you add the placeholder and edit the form as the last step in editing the page.

1. In the landing page editor, move the mouse over the Forms icon.

where to find the icon in the menu is shown

2. In the Forms menu, double-click the Popup forms icon to view the available forms.
where to find the popup icon in the menu is shown

3. In a popup modal, click the icon of the form type you want to use.
Modal showing available form types

The editing tools will open after you’ve selected the form type you want to use.
Modal with editing options for the form you selected

4. Customize the form. Click on the text and button to display the editing toolbar. Double-click the text to change it.
Available editing tools are shown

5. Edit the display settings.

For a signup form, exit popup, download popup, and image forms, you specify the:

  • background: whether it should be transparent, dark, or light,
  • delay: how soon should the form appear,
  • effect: how should the form appear to the visitors,
  • show again: how often it should appear to a visitor.
    Available settings for the forms listed above are shown
  • file location (for download box only): the URL of the file the new subscribers can download,
    Download box settings tools
  • image (for image box only): double-click the default image and click the image icon to open Files and images. Then select the image you want to use.

For a scroll form and fixed bar, select the:

  • position: where the form should appear,
  • effect: how the form should appear.

Tools to edit settings for scroll form and fixed bar

6. To make your form compliant with GDPR or other data processing agreements, move the Consent fields switch to ON. The Consent fields you’ve created in your account will become available. Then, select the fields you want to add to the form. If you want to make any of the fields required, move the Required switch to ON. Everyone who signs up will be able to give their consent to your marketing or data processing policies before they’re added to your contact list.
Consent field setting on list builder apps.

7. Click Save.
8. (Optional) To run an A/B test to see which of the forms converts better, repeat steps 2-6 for each landing page variant.

You can preview the form before you save and publish the landing page. This way you can check if you’re satisfied with how the form looks on the page. To do it, click the Preview button in the top toolbar of the landing page editor.

If you decide to edit or delete the form:

  • To edit the form, double-click the placeholder to open the editing tools. If you want to use a different form altogether, click the Choose different form link.
  • To delete the form, click the placeholder and then click the Bin icon.
    location of the Bin icon shown

Viewing subscription statistics for popup forms on landing pages

Contacts who subscribe using popup forms show as subscribed via the landing page the form was added to.

  • to view subscription statistics by method for a list or lists, go to Contacts>>Statistics and locate Landing page. Learn more about subscription statistics
  • to search for contacts who subscribed via a landing page, or to check which landing page converts better, use Advanced search. Here’s how to do it

Note: In Marketing automation, the subscription method Landing page in the Subscribe via condition will also include contacts who sign up via popup forms added to a landing page.

Tutorial video