Embed Issuu Into a Wordpress Post or Page

Wordpress 5 Comments
Want to embed an Issuu publication into your wordpress blog but can’t seem to get the embed code working? Issuu offers many options for embedding your publication online but they don’t offer a wordpress code snipet or widget… as of yet.I got the above publication embedded into this post by using the Kimili flash embed plugin for wordpress and only grabbing part of the HTML code that you can get from Issuu’s embed page.

Select HTML Embed

And you should get some code that looks like this:

<div><object style=”width:425px;height:288px” ><param name=”movie” value=”http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=preview&amp;previewLayout=white&amp;username=jeffhendricksondesign&amp;docName=graphic-design-werk&amp;documentId=081017032854-4044b29a83e04e4698836cb434083f3d&amp;autoFlip=true&amp;backgroundColor=ffffff&amp;layout=grey” /><embed src=”http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf” type=”application/x-shockwave-flash” style=”width:425px;height:288px” flashvars=”mode=preview&amp;previewLayout=white&amp;username=jeffhendricksondesign&amp;docName=graphic-design-werk&amp;documentId=081017032854-4044b29a83e04e4698836cb434083f3d&amp;autoFlip=true&amp;backgroundColor=ffffff&amp;layout=grey” /></object><div style=”width:425px;text-align:left;”><a href=”http://issuu.com” target=”_blank”>Get your own</a> – <a href=”http://issuu.com/jeffhendricksondesign/docs/graphic-design-werk?mode=embed&amp;documentId=081017032854-4044b29a83e04e4698836cb434083f3d&amp;layout=grey” target=”_blank”>Open publication</a><a href=”http://issuu.com/embed/guide?documentId=081017032854-4044b29a83e04e4698836cb434083f3d&amp;width=425&amp;height=301″ target=”_blank”><img src=”http://static.issuu.com/webembed/previewers/style1/v1/m3.gif” border=”0″ /></a></div></div>

The only part you need to grab is in bold… and then when you’re in wordpress click on the embed kimili button (circle button with the F in it) It asks you for a direct link to the flash file. Thats where you past the code in bold above. Then it asks for dimensions of the file. Simply put in the width first and then the height. So in this instance I put in 425 and then 288.

425×288 I believe is the largest you can select to embed your issuu publication elsewhere.

I hope this helps you out. I’m sure someone (maybe issuu themselves) will develop a wordpress widget or plugin to make this easier.

Related Posts:

5 Responses to “Embed Issuu Into a Wordpress Post or Page”

  1. Sebastian says:

    Hi, thx for the tip! it’s ok to remove all that copyrights stuff at the end? I refer to the: “Open publication – Get your own”

  2. Jeff says:

    Hi Sebastian, you need to refer to Issuu’s TOS. I’m not sure. A majority of the time when a company builds a widget like this they do so in hopes to draw traffic back to their site and sometimes Google Pagerank. If I’m sending them traffic I usually try not to send Pagerank so I remove any unnecessary followed links by just editing the embed code.

  3. Sebastian says:

    Ok! thanks for the help, i’ll ask them… meanwhile i’m going to remove it.. LOL

  4. Katie says:

    Any tips on embedding issuu on wordpress.com NOT wordpress.org??? Issuu has since come out with a widget, however, you can’t install the plugin to the .com. How could we get around this?

  5. Jeff says:

    Hey Katie,, you can get around that by moving over to your own site. When you use wordpress.com you are really limited and you don’t own your site, wordpress.com does. I always recommend not using free blog hosting sites for that reason. You have a lot more options when you go with your own hosting and wordpress install. And if you’re worried about installing wordpress on your own host it’s really simple if you choose a host that offers Fantastico, which is a script that helps you install a bunch of scripts like wordpress in just a couple clicks. I’m currently hosting this site at Hostgator and they offer that. Maybe give it a try?

Leave a Reply