Install guide
Add a DreamWidget to Divi
Where it goesCode module
What you needWorks with any Divi 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 Visual BuilderOpen the page with the Divi Visual Builder.
- Add a Code moduleClick the grey + in a row and choose the Code module.
- Paste and savePaste your DreamWidget code into the Code field, close the module and save 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.
- Open Theme OptionsIn WordPress go to Divi, then Theme Options, then the Integration tab.
- Paste in the body codeMake sure "Enable body code" is on, paste the code into "Add code to the < body >" and save.
Worth knowing: If the Code module shows the code as text, check that it went into the Code module and not a Text module.
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 Divi by themselves; you never paste the code again.