How to install new forms and popups on a landing page?

You can install both popups and embedded forms on your landing pages.

Make sure you have your landing page URL on hand before you proceed to Forms and popups menu.

How to install a popup on my landing page?

  1. Go to Forms and popups.
  2. Hover over the Actions menu (three dots) > Settings.
  1. Add your landing page URL under Entire website in the Page URLs section.
  1. Scroll down to the Web Connect section and click Get Web Connect.
  1. In the popup modal, click Copy to clipboard to save the Web Connect.
  1. Click Save and publish at the bottom of the page.
  2. Go to Landing pages tab.
  3. Click on your landing page then choose Edit design.
  1. In the Manage pages tab, hover over the Actions menu (three dots) for Home page and choose Settings.
  1. In the popup modal, go to the <head> element and paste the copied Web Connect.
    Close the window by clicking on the cross icon in the upper right corner.

Web Connect needs to be installed only once on the page where you want to display your forms or popups.

  1. Publish your landing page.

Your form will be displayed according to the display rules specified in popup settings.

How to install an embedded form on my landing page?

  1. Follow the steps from 1 to 5 from the How to install a popup on my landing page? section.
  2. Apart from the Web Connect, you will need Embedded form code to be placed on your landing page. Copy it along with Web Connect.
  1. Follow the steps from 6 to 9 from the How to install a popup on my landing page? section.
  2. Click on Add elements, then drag and drop Custom code element onto the place on your landing page, where you want to display your embedded form.
  1. Paste the copied Embedded form code.
  1. Publish your landing page.
Legacy landing pages

The above instruction refers to the new landing page editor. This section covers its previous version.

There is no need to add the Web Connect snippet to your landing pages created in the legacy editor – it is integrated automatically.

How to install a popup on my landing page?

  1. Go to Forms and popups.
  2. Hover over the Actions menu (three dots) > Settings.
  1. Add your landing page URL under Entire website in the Page URLs section.
  1. Click Save and publish at the bottom of the page.

Your form will be displayed according to the display rules specified in popup settings.

How to install an embedded form on my landing page?

  1. Follow the steps from 1 to 3 from the How to install a popup on my landing page? section for the legacy landing pages.
  2. In the Embedded form code section, click Copy to clipboard.
  1. Go to Landing pages.
  2. Double-click the Custom code icon to add the placeholder to the template.
  1. Paste the copied Embedded form code. Click Save.
  1. By default, the placeholder appears in the upper left corner of the section displayed. Drag and drop it onto the place on your landing page, where you want to display your embedded form.

    You may need to adjust its size to show the whole form. You can do that by pulling the white square icons.
  1. Save your landing page.

Related articles

Popular resources