Install guide
Add a DreamWidget to Framer
Where it goesEmbed component
What you needWorks on every Framer 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
- Insert an EmbedPress Insert, then Utility, then Embed, and draw it on the canvas.
- Choose HTMLIn the Embed panel choose HTML and paste your DreamWidget code.
- Size and publishSet the width to Fill and a height that fits the widget, then publish.
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 site settingsGo to Site Settings, then General, then Custom Code.
- Paste at the end of bodyPaste the code into "End of <body> tag" and publish.
Worth knowing: Framer does not grow an embed to fit its content; set the height in the panel for desktop and phone breakpoints.
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 Framer by themselves; you never paste the code again.