Install guide
Add a DreamWidget to Webnode
Where it goesHTML code block
What you needHTML code needs a Webnode Premium 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 HTML codePress + where the widget should go and choose "HTML code".
- PastePaste your DreamWidget code and save.
- PublishPublish the site.
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.
- Footer HTMLIn Settings, open the HTML header and footer, paste into the footer and save.
Worth knowing: Webnode previews HTML only on the published site.
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 Webnode by themselves; you never paste the code again.