Embed Issuu Into a Wordpress Post or Page

by Jeff on November 4, 2008

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.

{ 0 comments… add one now }

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Older post: A spread of some graphic work at Issuu.com

Newer post: LiveSurface - Apply Your Artwork to Books, Bilboards, Magazines