How to add popup forms to a legacy 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.

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.

2. In the Forms menu, double-click the Popup forms icon to view the available forms.

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

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

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

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.
    Popup settings
  • file location (for download box only): the URL of the file the new subscribers can download,
    Download box settings
  • 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.

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.

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.

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.