Install guide
Add a DreamWidget to Elementor
Where it goesHTML widget
What you needThe free version of Elementor is enough for one page. Adding code to every page with Custom Code needs Elementor Pro.
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 with ElementorOpen the page in Elementor and find the section where the widget should sit.
- Drag in the HTML widgetSearch the widget panel for "HTML" and drag it into the column.
- Paste and publishPaste your DreamWidget code into the HTML Code box and press Update.
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 Custom CodeIn the WordPress dashboard go to Elementor, then Custom Code, and add new.
- Place it at body endPaste the code, choose "Body end" as the location, set the condition to the entire site and publish.
Worth knowing: The Elementor editor may show an empty box; open the page itself to see the widget draw.
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 Elementor by themselves; you never paste the code again.