How to embed a Keynote on your website
The deck plays inside your page, builds included. There are three ways to get there; the first is the one most people find, and the one that quietly drops your animations.
Option 1: Keynote for iCloud embed code
Keynote for iCloud can produce an embed snippet for a presentation stored in iCloud Drive. It is convenient and free. It is also a static viewer: published walkthroughs of the feature note that transitions, builds and interactivity are not preserved, so the reader clicks through flat slides. Test it with one animated slide before you commit; if the deck is static anyway, it may be all you need.
Option 2: upload the HTML export to your own site
Export the deck (File → Export To → HTML…) and put the whole folder on your web server, then point an iframe at its index.html. Apple's own player runs inside your page with animations and builds, per Apple's export notes. You are responsible for the rest: file size (the export is not compressed), how it behaves on a phone, and re-uploading the folder every time the deck changes.
Option 3: iframe a Linkdeck link
Upload the zipped export to Linkdeck and place the resulting link in an iframe. Linkdeck does not send a header that blocks framing today, so the viewer loads inside your page with the same mobile handling, compressed images and CDN delivery as the standalone link. Embedding is not an advertised feature, so test the page before publishing and tell us if something misbehaves.
- <iframe src="https://linkdeck.me/your-slug" allow="fullscreen; autoplay" allowfullscreen></iframe>
- On Pro, set a custom slug first so the embed URL reads well and stays yours.
- Password and email gate should show their prompt inside the frame; check both on your page before you send the link out.
Sizing the iframe to the slide ratio
Give the frame the deck's aspect ratio and let the width follow the page. For a 16:9 deck, a wrapper with aspect-ratio: 16 / 9 and an iframe at width and height 100% does it; older CSS uses padding-top: 56.25%. The Linkdeck viewer scales the slide to the frame it is given, so the same embed works in a narrow blog column and a full-width hero. Check it at phone width, where a short frame leaves the slide small.
Updating the deck without touching the page
This is where a hosted link earns its place. On Pro, replace the deck from the dashboard and the same URL plays the new version; the iframe on your site does not change. With a self-hosted export you re-upload the folder; with the iCloud embed you edit the live file, which also means the embed shows edits as you make them.
Questions
Does the iCloud embed keep animations?
Not in the write-ups we have seen: transitions, builds and effects are not preserved and the embed shows static slides. Try it with one build before deciding.
Can I iframe a Linkdeck link?
Yes. The viewer sends no frame-blocking header today, so an iframe works. It is not a formal feature yet, so test your page after publishing and after any change on our side.
Will it work on mobile?
The viewer scales to the frame, so yes, within the space your page gives it. At phone width use a full-width frame with a 16:9 ratio; anything narrower makes the slides hard to read.
Upload the deck and paste one iframe
Free for the first deck. Custom slug and replace-in-place on Pro.