Install guide
Add a DreamWidget to Square Online
Where it goesEmbed code section
What you needThe Embed code section needs a paid Square Online plan.
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
- Add a sectionIn the site editor add a section and choose "Embed code".
- PastePaste your DreamWidget code into the section and save.
- PublishPublish the site to see the widget.
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 the section per pageAdd an Embed code section on each page where a floating widget should show.
Worth knowing: Square shows embeds in a frame; leave enough height for the widget on phones.
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 Square Online by themselves; you never paste the code again.