Install guide
Add a DreamWidget to Ghost
Where it goesHTML card
What you needWorks on Ghost(Pro) and self-hosted Ghost.
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 an HTML cardIn the post or page editor type /html and press Enter.
- PastePaste your DreamWidget code into the card.
- PublishUpdate or publish the post.
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 Code injectionGo to Settings, then Code injection, paste the code into "Site footer" and save.
Worth knowing: Ghost themes set a content width; a full-width card needs the theme to support wide cards.
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 Ghost by themselves; you never paste the code again.