You can embed HTML content directly into documents and course lessons in Heartbeat.
Here's how to do it:
-
Open the document or course lesson you want to edit
-
Click the three-dot menu → Edit
-
Inside the editor, choose one of two ways to add an embed:
-
Click the ➕ icon to the left of your cursor and select Embed
-
Or type
/embedand hit Enter
-
-
Paste either:
-
A supported link (recommended)
-
Or raw HTML code (iframe only — see details below)
-
Supported Embeds
We support embeddable iframes only. No <script> tags allowed — this is for platform security.
You can view our full list of supported embeds here:
👉 heartbeat.chat/supported-embeds?r=0
We currently support over 1,900 websites including YouTube, Loom, Typeform, and many others.
Best Practice: Use Direct Links Instead of Raw HTML
Whenever possible, use a direct link from a supported site instead of raw iframe code.
Heartbeat has pre-built styling and mobile optimization for supported links — which means:
-
Better sizing across all devices
-
Faster load times
-
Less likelihood of display issues
Why isn't my embedded content displaying correctly?
Good question — here's what to keep in mind:
-
Heartbeat creates a "window" to the embedded site, but we don’t control the content inside that window.
-
Some sites (especially lesser-known video hosts) don’t send embeddable content in a reliable way.
-
Videos hosted on restricted or domain-locked platforms (like some Vimeo setups) may not play correctly.
-
Script-based embeds won’t work at all — we block these for security reasons.
Because of this, we can only provide limited support for display issues tied to external embeds.
Want to ensure your videos always display correctly?
Use Heartbeat Native Video Hosting.
It’s $19/month for 50 hours of upload time and:
-
Optimized for desktop, mobile, iOS & Android
-
Protected against downloads
-
Fully searchable via video transcript
Great for course content, paid resources, or anything that needs to work smoothly across all devices.