Install guide
Add a DreamWidget to WPBakery
Where it goesRaw HTML element
What you needAny WPBakery license on any WordPress host.
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
- Open the page in WPBakeryEdit the page with the frontend or backend editor.
- Add Raw HTMLClick + in a column and add the "Raw HTML" element.
- Paste and savePaste your DreamWidget code and save the element, then update 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.
- Use a footer code pluginAdd the code with a site-wide footer plugin such as WPCode, the same as plain WordPress.
Worth knowing: Use Raw HTML, not Raw JS: the embed is an iframe and a small script together.
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 WPBakery by themselves; you never paste the code again.