*7 How to Embed Landing Pages onto a Website

The EngagemoreCRM landing pages can easily be embedded onto any website that gives you an opportunity to add your own HTML code using a simple trick.  In this lesson, we will show you how to take the live URL of your landing page and create easy HTML code within the website https://www.iframe-generator.com/.   Simply copy the landing page url, paste it into the code generation tool provided in the link and then copy that code onto a page of your website.  You can easily edit that landing page anytime without needing any more code.  You also do not need Zapier to integrate sign-ups on your website either!  Check out this awesome lesson. 

UPDATE TO VIDEO TUTORIAL AS OF NOV 22, 2022 - you can now get the IFrame Embed code right here inside your EngageMore CRM account: 

Be sure to watch the rest of the training to show you how to embed the code onto your website below: 

Choose your landing page from your landing page library and copy the URL of the live page.  

Go to https://www.iframe-generator.com/ and paste the URL into the iFrame URL box.  Consider size change of Width and Height, depending on size of your landing page.  This may need to be adjusted after you add the code to your website. Click Generate.  Copy the HTML code and then head over to your website back end.

Within your website, create or choose the page you wish to add the landing page code to.  Add an HTML block within your website.  Contact your website provider if you do not know how to do this.  They may be able to assist you. 

If you in a WordPress site, simply paste in the code within an HTML block. Consider changing up the page template design to remove the header, depending on what your landing page is offering.  If it's a simple contact form, then you may not need to change up the page template. 

Be sure to save as draft or publish to view the live version of the page. 

Once added, be sure you have check the live version of the page to be sure your entire landing page is viewable. If anything is cut off, you may need to change up the height or width in the code to expand or decrease it.  Also be sure to check how your page looks on mobile too, as it may need some space change to accommodate for the size of the mobile device. 

You can go back into your EngageMore CRM landing page editor and edit the page anytime you wish and it will automatically change on your website.  Just be sure to check it if you make future changes to be sure your page still fits and nothing is cut off.  Have fun!