Prezi is a zooming presentation editor that allows you to create elaborate presentations. Example:
AP Bio- Evolution 6: Brief History of Life on Prezi
To insert a Prezi doc, visit the Prezi page with that doc, click Share, click Embed, copy the code.
[Skip the greyed part]
Copy this part of the code:
<embed id="ETC ETC ETC"></embed>
and turn it to this shortcode:
[gigya id="ETC ETC ETC" ]
Add this part of the code, removing all the wrong spaces that surround the title of the first link:
<p>ETC ETC</p>
End result for the example I have inserted above:
[gigya id="preziEmbed_boa21ytdaoxy" name="preziEmbed_boa21ytdaoxy" src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="400" bgcolor="#ffffff" flashvars="prezi_id=boa21ytdaoxy&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0" ]
<p><a title="Lecture 6 of my evolution unit. Image Credits: Biology (Campbell) 9th edition, copyright Pearson 2011, & The Internet. Provided under the terms of a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. By D. Knuffke." href="http://prezi.com/boa21ytdaoxy/ap-bio-evolution-6-brief-history-of-life/">AP Bio- Evolution 6: Brief History of Life</a> on <a href="http://prezi.com">Prezi</a></p>
Update December 2012
Prezi now gives an iframe embed code instead of a flash embed code. The code looks like this:
<iframe src="http://prezi.com/embed/boa21ytdaoxy/?bgcolor=ffffff&lock_to_path=0&autoplay=no&autohide_ctrls=0" width="550" height="400" frameBorder="0"></iframe>
The part I have highlighted in red is the ID of the presentation. Copy the ID and use this shortcode:
[gigya src="http://prezi.com/bin/preziloader.swf" allowfullscreen="true" allowscriptaccess="always" width="550" height="400" bgcolor="#ffffff" flashvars="prezi_id=PASTE ID HERE&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0" ]
Paste into “Text” post or page editor (or into a text widget, in case you want the doc in your sidebar). Width and height can, or must, be changed – consult my posts on maximum main column width and sidebar width.
Update May 2013
Or you can use this little app that a fellow blogger created:
http://wordprezi.appspot.com/
Pasting a Prezi URL in the field and clicking the “Get” tab will generate the correct shortcode for you.
https://wpbtips.wordpress.com/
Hi Panos,
Once again a very interesting post !
Greetings.
Franco
Hi and thanks Franco. As often here, the post is the result of a question in the forum. So half the credit goes to the people who ask!
These things are so cool Panos! I was already planning to do a post on them after seeing them mentioned in the comments on another of your posts, and now you saved me the trial and error. I’ll still be linking back to you, as usual, for “expert” assistance! :D
Thank you, you are brilliant! Prezi is the future! And besides, I swore I’d never learn powerpoint!
Thanks IM. Inserting them is easy – I guess the interesting part is creating them.
Hi and thanks rain! Confession: I never liked or learned powerpoint either.
Thank you for this latest tips.
I’ll try it, sure.
@OM: You’re welcome. Try inserting one or try making one?
if you would like to embed a prezi in wordpress and make it autoplay with the option to control individual path timing transitions then here you go
[Link removed – P.]
There is also an additional way to implement in WordPress mention here
[Link removed – P.]
And the solution
[Link removed – P.]
My tagline clearly says “tips & advice on wordpress.COM blogs”. Your solutions are for self-hosted blogs, so you don’t get to advertise here.
hola ña verda quiere meter mi prezi en wordpress pero tomo todas las medidas y no me funciona como lo puedo hacer
[Code relics removed – P.]
http://prezi.com/lkc5nb0eqfcc/presentacion/
I guess you two are the same! Sorry, I can’t reply in Spanish. If you wish to show me some code, you need to use Textsnip – see point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
But first try following the instructions in my post more carefully.
Genial! Muchas Gracias. Thank a lot!!!!!!!!!!!!!!!!!!!!!1
You’re welcome JPB!
Hi,
I tried to follow your instructions, but I still cannot embed my prezi. Should I insert the embed code instead of the ETC in your giga example? ([gigya id="ETC ETC ETC" ] ) . Would you mind and explain it again for me? That would help me so much.
Thanks! :)
You copy the part of the original code that starts with “embed” and ends with “/embed”, and change the beginning and the end as shown. Check the finished example at the end of the post.
I still don’t get it.
This is my prezi code
[Code relic removed – P.]
and I tried this
[Shortcode removed – P.]
What did I wrong?
Thanks for your help!
You can’t display code by pasting it in a comment. Check point 4 here:
https://wpbtips.wordpress.com/comment-guidelines/
and try again using Textsnip.
Thank you! awesome!
I intend to put http://prezi.com/htf4oppdpgxo/pense-industria/ on http://pedromano.wordpress.com/. Can you help me?
I don’t really see how I can help you any more than my post already does. You just copy this part of the embed code:
<embed id="ETC ETC ETC"></embed>
change it to this:
[gigya id="ETC ETC ETC" ]
and paste it into the HTML page editor.
Try it first, and if you can’t figure it out I’ll work it out for you.
Thanks so much Panos! I lost all my hopes that embedding prezis would have worked in my wordpress, but now it does! Gratitude! Best,
Marco.
You’re welcome Marco. In general, you can embed any object if it provides a flash code (tags “embed” and/or “object”).