The player is cropped
Remove fixed page widths and place the iframe in a responsive 16:9 container.
DemoFast tutorial
Embed a DemoFast demo on a website
Publish a demo, copy the current iframe code, and place it in a responsive page container with accessible context.
For Web, content, and product marketing teamsReviewed
Before you begin
Prerequisites
- A public DemoFast demo
- Access to the target site or CMS
- A page that supports iframe embeds
Step by step
Follow the current DemoFast workflow
- 01
Open Share
From the editor or dashboard, open the Share panel for the demo.
Illustrative interface - 02
Copy the Embed Code
In the Embed Code section, choose Copy Code. DemoFast provides an iframe that points to the demo's embed player.
- 03
Place it in a responsive wrapper
Paste the iframe into the page and let its width fill a container with the same 16:9 aspect ratio.
- 04
Add an accessible title
Give the iframe a title that describes the walkthrough, such as “Demo of the reporting workflow.”
- 05
Publish and test
Check keyboard navigation, narrow screens, page loading, and the text fallback around the embed.
Illustrative interface
Troubleshooting
If the workflow does not match
The CMS removes the iframe
Use the CMS's approved embed or custom HTML block and ask an administrator if iframe markup is restricted.
Related product guide
Demo embeds
Review placement, performance, and page-context guidance.