Install guide
Add a DreamWidget to WooCommerce
Where it goesCustom HTML block
What you needSame as WordPress: any self-hosted store, or WordPress.com Business and up.
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 product or pageEdit the product description or store page where the widget should show.
- Add a Custom HTML blockPress +, search "Custom HTML" and add the block. In the classic product editor use the Text tab.
- Paste and updatePaste the code 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.
- Add it to the store footerUse a footer code plugin such as WPCode with a Site Wide Footer snippet, paste the code and activate it.
Worth knowing: Product pages often use a separate template; if the widget does not appear, place it in the description rather than a sidebar.
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 WooCommerce by themselves; you never paste the code again.