How Do I Embed Custom HTML or Widgets into a Landing Page?


How Do I Embed Custom HTML or Widgets into an Unbounce Landing Page? 

You can use our Custom HTML feature to embed most HTML code or script-based components or widgets into your page as follows:

  1. Drag the Custom HTML custom_html.png widget from the object toolbar (on the left side of the editor) to the spot you would like it to appear on your landing page. A new dialog box will appear. 
  2. In the Embed Custom HTML Code dialog box, paste your script/code into the blank field and click the Save Code button in the bottom right corner of the dialog box.
  3. Stretch the Custom HTML to be the correct size (this can be a process of trial and error after you preview the page).
  4. Save your page.
  5. Click the Preview preview.png button at the top right corner of the builder to see it in action. It won't show up in the editor, just in preview mode and the final published page. Some custom HTML may not render in preview, so if it doesn't show up then be sure to check the published page.
  6. Resize the Custom HTML component again to make sure the object you embedded shows up in its entirety.

Other Articles You May Find Useful

Adding Your Custom Scripts Using Script Manager

Using Custom CSS and Javascript on Your Landing Page

Integrating with Google Analytics using Script Manager

How do I Integrate Google Tag Manager with Unbounce?