Install guide
Add a DreamWidget to Teachable
Where it goesCustom HTML block
What you needCustom HTML blocks need a paid Teachable 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
- Edit the pageOpen the sales or custom page in the page editor.
- Add Custom HTMLAdd a "Custom HTML" block and paste your DreamWidget code.
- SaveSave and view the live 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.
- Code snippetsUnder Settings, Code Snippets, paste the code in the footer snippet.
Worth knowing: Teachable shows code blocks as a grey box in the editor.
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 Teachable by themselves; you never paste the code again.