Embedding Custom HTML or Widgets into Classic Builder


You can use the Custom HTML feature within the Classic Builder to embed most HTML code or script-based components or widgets into your page.

See the steps below to help you get started: 

  1. Navigate to your landing page in the Classic Builder.
  2. 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. 
  3. 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.
  4. Stretch the Custom HTML to be the correct size (this can be a process of trial and error after you preview the page).
  5. Save your page.
  6. 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.
  7. Resize the Custom HTML component again to make sure the object you embedded shows up in its entirety.


The HTML widget is available in the Classic Builder only. 

Other Articles You May Find Useful

Adding Your Custom Scripts Using Script Manager

Adding Custom Scripts and CSS in the Classic Builder 

Integrating with Google Analytics using Script Manager

How do I Integrate Google Tag Manager with Unbounce?

Do you agree or disagree with this statement: This article helped me find the information I needed quickly and easily.

Select an option and leave us some feedback in the comments:

Strongly DisagreeDisagreeSomewhat DisagreeUndecidedSomewhat AgreeAgreeStrongly Agree

Measuring Customer Effort Score with Nicereply