How to Embed a Prezi Presentation in Your Blog

Prezi is a great new presentation software that replaces the lineal PowerPoint style with the ability to present text, videos and images in a unique zooming style. You can find out more about Prezi at my earlier post.  Here are more samples of how I used Prezi to cover the 2010 ASCD conference.

Please note that I updated this post on July 1, 2010.
 Prezi's embed options have changed. 

1. Open your online Prezi presentation and click the embed link (lower right in this screen shot.)

 

2. You will get the dialogue box below. You may want to adjust the pixel size to fit into your blog columns. Copy and paste the html code into your blog.

 

Comments

[Oscar Tang]

woo, thanks man!

[Philip]

Haven't got it all sussed yet but I am so impressed:
Short and self-explanatory: Powerpoint is dead! http://prezi.com/51221/ :)

[nuxdie]

really thank you!

[Andy Fisher]

I've just successfully embedded 2 presentations on my blog by folowing your guidance here - works like a treat so thanks so much - this has made a great resource even more useful to me - you're a star!

[Peter Pappas]

Andy,

Glad it worked for you. Send me the URL's of the Prezis (or post them here) so I can take a look.

Cheers, Peter

[Sander]

Dear Peter,

I have spent the past 30 minutes locating the download link for the offline player, but unsuccessfully. I have even signed up for a new account to see what happens then. This probably isn't the place to post this comment, but I'm kind of frustrated :) Could you please enlighten me and tell me where it can be downloaded?

Kind regards,

Sander

[Sander]

AH, I figured out that you can just download each presentation. Probably a good idea to include that in the manual somewhere :) Keep up the good work!

[Peter Pappas]

Sander, Glad you got it figured out. Each time you download a finished presentation, you get an off-line "player." With the paid version you get an off-line app to create and play Prezis. I haven't tried it yet.

[arjan broere]

Works like a charm! Thanks.

[Roy]

Can i download the Prezi slides from showcase.

[Peter Pappas]

Roy,

I suggest you check out http://prezi.com/manual/

[teri abel]

I haven't been helped by any directions on embedding a prezi. Not even the manual explains it sufficiently for me. It simply tells me where I get a public link and then tells me to copy to clipboard some excessively long code which seems to have no function whatever. If anyone has ENUMERATED, sequential, literal, plain spoken steps for this process, I would appreciate it.

[David Hopkins]

I'm liking Prezi, but so far have not been able to convert PPT die-hards to the alternatives; they're stuck in the linear manner PPT forces on the presentation style.

Thanks for the post, regards, David

[Peter Pappas]

Hi David,

Here's my plea to these folks ...

"Dear PPT die-hards you can embed a path through a Prezi and just keep clicking advance. Then if you get a brainstorm or audience question, you can zoom or pan to something off the path."

Keep fighting the good fight, David. PPT in the wrong hands is just an automated overhead projector!

[Radecho]

Hi, I want to embed my prezi presentations on my website. I´ve just applied it into html, and it seemes to work only when I´m logged into account on prezi.com. I dont know how to make it work constantly, regardless of whether I am connected and on all browsers. please help. thank you very much! this is the site: http://radecho.ic.cz/

[Radecho]

ah, maybe it's because I do not want to share my presentations on prezi.com. Is it possible to export the prezi, such as swf or even fla format? it would be great.)I beleive youre competent. thank you!

[Peter Pappas]

Hi Radecho - here's Prezis' updated guide to embedding:
Go to Share
If your prezi is private click on Generate embed key
Set embed details like size
Choose simple or free navigation
Click to Copy to clipboard for your code

Once you pasted into your blog, in an embedded prezi:
-You can see the title & description before it loads
-It's very simple to navigate
-There are options for fullscreen, autoplay, embed
-'Where am I?' button shows where you, well, are

Embedded prezis will have a shaded border around them, to give the impression of another layer beneath the browser's surface. If you want our shaded border to match your background color, change the 'color' property. Auto-play enabled prezis still need one user interaction - to press the play at the start. Simple navigation, and auto play need paths.
Note: If you embed a private prezi on a public site, it can be seen by anyone who knows that URL

[Peter Pappas]

Portable prezi is an exported/downloaded version of your prezi presentation, which works without internet access, without a prezi account, and without Prezi Desktop.

You can use it to preset where you don't have access to the internet, or deliver to conference organizers. It contains a non-editable version of your prezi, and a player software for Windows and Mac.

When you download a Portable Prezi pack, you can:
-Present without an internet connection on a Mac or PC.
-Embedded YouTube videos can only be played when you are online.
-Burn your prezi on CD/DVD.
-Distribute your prezi.

Please note that a portable prezi cannot be edited. Edit on prezi.com, Prezi Desktop, and download/export again if you need to make changes.

How to Create a Portable Prezi

Using Prezi.com
1. Go to Prezi.com/my
2. Click on your Prezi
3. Click on the Present tab on the left
4. Click 'Download...'
5. Click 'Start Downloading'
6. You will receive a zip file. Save it.
7. Unzip, and start Prezi.exe / app

Using Prezi Desktop
1. Click on your Prezi
2. Choose Export
3. Give a file name, location
4. Unzip, and start Prezi.exe / app

[Peter Pappas]

Hi Radecho - here's Prezis' updated guide to embedding:
Go to Share
If your prezi is private click on Generate embed key
Set embed details like size
Choose simple or free navigation
Click to Copy to clipboard for your code

Once you pasted into your blog, in an embedded prezi:
-You can see the title & description before it loads
-It's very simple to navigate
-There are options for fullscreen, autoplay, embed
-'Where am I?' button shows where you, well, are

Embedded prezis will have a shaded border around them, to give the impression of another layer beneath the browser's surface. If you want our shaded border to match your background color, change the 'color' property. Auto-play enabled prezis still need one user interaction - to press the play at the start. Simple navigation, and auto play need paths.
Note: If you embed a private prezi on a public site, it can be seen by anyone who knows that URL

[celina]

Hello Peter,

I am trying to embed my prezi on my website and the only embeding code that works (when I make it public) takes the viewer into the back bit of my actual account - not good.
Do you have to have a pais account to use the embedding codes the way you describe them? I have an educational use one.....

Please help and thank you so much,
Celina

[Peter Pappas]

Hi Celina,

Thanks so much for your comment. It caused me to go back and see that my instruction were now out of date because of a change that Prezi had made to the embed process. I updated this post with new information / screenshots. I hope this solves your problem.
PS - You don't specify what blogging tool you are using. That might be part of your problem. This process works for me using TypePad.

[MrNelson]

Hi Peter,

I am trying to embed prezin onto a blog I have with wordpress but after changing the pixels and making the presentation public, I am only able to create a link that takes me to the prezi.com site.

I have copied the embedded code from prezi, pasted it onto my blog page, and it is automatically creating a link to Prezi. I would like my prezi to appear as yours does in this post.

Please advice and thanks in advance.

December 2010

[Peter Pappas]

Hi Mr.

Try this WordPress Prezi plugin and let me know how it goes.

http://wordpress.org/extend/plugins/prezi-shortcode/

Cheers ~ Peter

[Daniel]

hi peter!
unlike your other prezi-posts, your prezi in this one autoloads and has no bottom-bar with controls and the prezi-logo.
how can you embed it like that?
thanks!

[Peter Pappas]

Hi Daniel,

I'm not sure why that is - it may have to do with the fact that I made this Prezi so long ago. (Thus be more about the Prezi itself, than the embed technique.) I also notice that it opens with just the play icon not an image of the prezi... don't know what that is???

Here's the what's used to display the prezi above

Hope that helps.