Install guide
Add a DreamWidget to Magento and Adobe Commerce
Where it goesHTML Code element
What you needWorks on Magento Open Source and Adobe Commerce 2.4 with Page Builder.
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 Page BuilderGo to Content, then Pages or Blocks, and edit with Page Builder.
- Drag in HTML CodeFrom Elements drag "HTML Code" into a row.
- Paste and savePaste your DreamWidget code, save the element 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.
- Design configurationGo to Content, Design, Configuration, edit your store view and paste the code into Footer, Miscellaneous HTML, then save.
Worth knowing: Flush the cache after saving so the page shows the new code.
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 Magento and Adobe Commerce by themselves; you never paste the code again.