you're reading:
Gigya, Html & inline css codes, Prezi, Shortcodes

Inserting Prezi docs

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&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;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/

Please don’t paste code in comments – see comment guidelines.

Discussion

35 thoughts on “Inserting Prezi docs

  1. Hi Panos,
    Once again a very interesting post !
    Greetings.
    Franco

    Posted by putignanonelmirino | September 26, 2011, 13:22
  2. 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!

    Posted by Panos | September 26, 2011, 13:40
  3. 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

    Posted by IzaakMak | September 26, 2011, 21:27
  4. Thank you, you are brilliant! Prezi is the future! And besides, I swore I’d never learn powerpoint!

    Posted by raincoaster | September 27, 2011, 01:50
  5. 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.

    Posted by Panos | September 27, 2011, 03:08
  6. Thank you for this latest tips.
    I’ll try it, sure.

    Posted by Om Kicau | September 27, 2011, 15:35
  7. @OM: You’re welcome. Try inserting one or try making one?

    Posted by Panos | September 28, 2011, 03:45
  8. 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.]

    Posted by [username removed] | September 28, 2011, 14:58
  9. 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.

    Posted by Panos | September 28, 2011, 16:17
  10. hola ña verda quiere meter mi prezi en wordpress pero tomo todas las medidas y no me funciona como lo puedo hacer

    Posted by guufy21 | October 20, 2011, 22:52
  11. 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.

    Posted by Panos | October 21, 2011, 03:47
  12. Genial! Muchas Gracias. Thank a lot!!!!!!!!!!!!!!!!!!!!!1

    Posted by jpbrandi | October 30, 2011, 15:25
  13. You’re welcome JPB!

    Posted by Panos | October 31, 2011, 23:15
  14. 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! :)

    Posted by szyk23 | November 25, 2011, 05:08
  15. 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.

    Posted by Panos | November 25, 2011, 13:52
  16. 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!

    Posted by szyk23 | November 29, 2011, 23:58
  17. 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.

    Posted by Panos | November 30, 2011, 18:25
  18. Thank you! awesome!

    Posted by breadceo | December 19, 2011, 16:15
  19. 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.

    Posted by Panos | January 11, 2012, 05:33
  20. 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.

    Posted by eccemarco | January 11, 2012, 19:26
  21. You’re welcome Marco. In general, you can embed any object if it provides a flash code (tags “embed” and/or “object”).

    Posted by Panos | January 11, 2012, 19:55

Trackbacks/Pingbacks

  1. Pingback: Present and correct « Headstrong Ways - November 11, 2011

  2. Pingback: Openness | Every Day is a School Day - March 17, 2013

  3. Pingback: Inserint de tot a WordPress amb gigya | TecnoBlog - April 6, 2013

  4. Pingback: Crash Course: Technological Convergence and News Mass Media (plus, why I LOVE Prezi.com) | aesthetic asymmetry - April 13, 2013

  5. Pingback: Steve Jobs/Apple Prezi | Mr.Uppal's blog - May 14, 2013

  6. Pingback: JAM – Opdracht 4 | Mediawijsneus - October 8, 2013

  7. Pingback: How to embed a Prezi into WordPress | Youth, Popular Culture and Texts - October 21, 2013

  8. Pingback: Presentación en Prezi | Cibercomunicación - March 25, 2014

  9. Pingback: ¿Cómo insertar un Prezi en WordPress? | Blog de Geografía de la ETCMaux - April 7, 2014

  10. Pingback: Prezi insluiten in WordPress.com | Mediawijsneus - July 8, 2014

  11. Pingback: Film vs Trailer | DOM SANTRY MEDIA A2 - October 6, 2014

  12. Pingback: Como integrar apresentações Prezi no WordPress | Projecto Multimédia I 2014-15 - January 6, 2015

Author

author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.

Stats

  • 3,961,316 views
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
wpbtips.wordpress.com
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the wp.com forum.
Theme-related posts constantly updated
Premium themes and Annotum not included