Install guide
Add a DreamWidget to Unbounce
Where it goesCustom HTML element
What you needWorks on every Unbounce plan.
First, copy your code. In the DreamWidget editor, open Settings and press Copy embed code. It is one iframe and a short script; paste both.
Add a widget to a page
- Add Custom HTMLDrag the "Custom HTML" element onto the page.
- PastePaste your DreamWidget code and press Save Code.
- Size and publishResize the element to fit and republish.
A popup, bar or chat buttons on every page
Floating widgets do not need a spot in the layout; they load once per page and float over it.
- ScriptsOpen Javascripts at the bottom of the builder, add a script with placement "Before Body End Tag" and paste the code.
Worth knowing: Resize the element on the mobile layout too; Unbounce keeps them separate.
Check it worked
Open the published page in a private window. The widget draws within a second; if the box is empty, see Checking it worked. Changes you publish in the editor appear on Unbounce by themselves; you never paste the code again.