Embed on your website
As well as a share link, every published document gives you an embed code — an iframe you can paste into your own site.
Getting the code
Section titled “Getting the code”From the document’s page in your dashboard, find Embed code under Share & embed. There’s a Responsive toggle:
- Responsive on — the reader scales to whatever width it’s given and keeps the document’s proportions. This is what you usually want.
- Responsive off — a fixed 600px tall box, full width of its container.
Copy the code and paste it wherever you can add HTML.
Where it works
Section titled “Where it works”Anywhere that accepts an iframe:
- WordPress — a Custom HTML block, or our plugin’s Flipbook block
- Squarespace — a Code block
- Webflow — an Embed element
- Plain HTML — paste it in
Sizing
Section titled “Sizing”The responsive snippet handles most cases on its own. If you need a specific height, edit
the height in the snippet — everything else can stay as it is.
Why an iframe?
Section titled “Why an iframe?”It keeps the reader isolated from your site’s CSS and JavaScript, so your styles can’t break the reader and the reader can’t break your page.