Install guide
Add a DreamWidget to HubSpot CMS
Where it goesCustom HTML module
What you needWorks on HubSpot CMS and Marketing Hub pages.
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
- Edit the pageOpen the page in the HubSpot editor and add a module where the widget should go.
- Paste as HTMLUse a "Rich text" module and open Advanced, Source code, or a Custom HTML module, and paste your DreamWidget code.
- PublishSave and publish the page.
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.
- Site footer HTMLGo to Settings, Content, Pages, choose the domain and paste the code into "Site footer HTML", then save.
Worth knowing: Rich text modules may rewrite code; if the widget does not draw, use the Source code view.
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 HubSpot CMS by themselves; you never paste the code again.