contador web Saltar al contenido

You can now embed Keynote presentations on websites / blogs; know how to do

Earlier this week, we announced the release of updates to the iWork suite on all platforms.

One of the items in the release notes of Keynote, for both iOS and macOS, was as follows:

Publish interactive presentations on Medium, WordPress and other sites.

In this post, you will know how to do this; unfortunately not as simple / obvious as it could be.

1) Store your presentation on iCloud

First of all, move your presentation file to iCloud if it is stored locally on your Mac or iGadget. That's the way it works.

2) Copy the link to your presentation

In macOS, click on the ?Collaborate? button on the toolbar if you want to adjust the ?Sharing Options? (which you define, for example, if you want to allow others to edit your presentation in addition to viewing it) and click on ?Send Link?.

Sharing Keynote presentations on the web

Then, a sharing sheet will open. Choose the ?Copy Link? option and then click ?Continue?.

Sharing Keynote presentations on the web

Keynote does not give any confirmation that the link was in fact copied (you will understand), but believe me it was. ?

This same process in Keynote for iOS is very similar: touch the share icon on the top bar (a silhouette of a person in a circle), define the ?Sharing Options? and touch ?Send Link?. Then, slide the lower destination bar to the ?Copy Link? option and you're done.

3) Embed the presentation on your website / blog

If your website / blog is hosted on Medium or WordPress, you're in luck. Just paste the iCloud share URL into a loose paragraph and they'll automatically embed it for you.

If you want to embed the presentation in any other type of website, you need to add the link within a standard HTML iFrame code. Like this:

Optionally, you can change the parameters such as changing the width (width) from 640 to 100%, which is the standard on most responsive sites today.

Fortunately, a very good / generous soul named David MacDonald published a website called Keynote Embed Code Generator that automates this process: just paste the URL copied from Keynote l into his field and click "Generate" so he can give you the iFrame code ready.

And how is it?

Here is an example of a presentation embedded directly from iCloud:

I found it pretty cute, but there is a big catch: if you use custom fonts in your presentation, they will not work in this embedded version and will automatically be exchanged for some standard system font. Furthermore, apparently there are still no effects / transitions. Pity.

But at least there are buttons there to share it, view it in full screen or open it directly in the web version of Keynote. ?

Keynote app icon


in Apple

Version 5.2.1 (623.3 MB) Requires iOS 12.0 or superior

Keynote app icon


in Apple

Compatible with Macs

Version 9.2.1 (438.3 MB) Requires macOS 10.14 or superior

(via 9to5Mac)