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

You can install both popups and embedded forms on your landing pages from the [landing page builder](https://www.getresponse.com/features/landing-page-creator).

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](https://popups1.getresponse.com/).
2.  Hover over the **Actions menu** (three dots) > **Settings**.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/0957/Screenshot-2023-07-20-at-11.56.42.png)

3.  Add your landing page URL under **Entire website** in the **Page URLs** section.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1000/Screenshot-2023-07-20-at-11.59.48.png)

4.  Scroll down to the **Web Connect** section and click **Get Web Connect**.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1003/Screenshot-2023-07-20-at-12.03.09.png)

5.  In the popup modal, click **Copy to clipboard** to save the Web Connect.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1006/Screenshot-2023-07-20-at-12.05.31.png)

6.  Click **Save and publish** at the bottom of the page.
7.  Go to **[Landing pages](https://wbe1.getresponse.com/lps)** tab.
8.  Click on your landing page then choose **Edit design**.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1013/Screenshot-2023-07-20-at-12.10.05-1.png)

9.  In the **Manage pages** tab, hover over the **Actions menu** (three dots) for **Home** page and choose **Settings**.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1018/Screenshot-2023-07-20-at-12.16.28-4.png)

10.  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.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1020/Screenshot-2023-07-20-at-12.20.40.png)

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

11.  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?](https://www.getresponse.com/help/how-to-install-new-forms-and-popups-on-a-landing-page.html#how-to-install-a-popup-on-your-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.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1038/Screenshot-2023-07-20-at-12.37.46.png)

3.  Follow the steps from 6 to 9 from the [How to install a popup on my landing page?](https://www.getresponse.com/help/how-to-install-new-forms-and-popups-on-a-landing-page.html#how-to-install-a-popup-on-your-landing-page?) section.
4.  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.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1045/Screenshot-2023-07-20-at-12.44.16.png)

5.  Paste the copied **Embedded** **form code**.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1048/Screenshot-2023-07-20-at-12.47.37.png)

6.  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](https://popups1.getresponse.com/).
2.  Hover over the **Actions menu** (three dots) > **Settings**.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1321/Screenshot-2023-07-26-at-15.20.49-2.png)

3.  Add your landing page URL under **Entire website** in the **Page URLs** section.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1057/Screenshot-2023-07-20-at-12.55.19.png)

4.  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**.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1105/Screenshot-2023-07-20-at-12.37.46.png)

3.  Go to **[Landing pages](https://app.getresponse.com/lps/manage?w=1)**.
4.  Double-click the **Custom code** icon to add the placeholder to the template.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1111/Screenshot-2023-07-20-at-13.09.53-461x1024.png)

5.  Paste the copied **Embedded form code**. Click **Save**.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1114/Screenshot-2023-07-20-at-13.13.31.png)

6.  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.

![](https://us-wd.gr-cdn.com/help/sites/9/2023/07/1121/Screenshot-2023-07-20-at-13.21.39.png)

7.  Save your landing page.