How To: Embed Issuu on a WordPress.com Blog

Oh, WordPress and its pesky limitations. You may have noticed that in prior posts and pages, I’ve found my way around a few of them…my stubborn nature often refuses to take “no” for an answer. For example, this PR workshop Prezi and my online portfolio in Issuu.

With no coding experience or knowledge of HTML, it was quite a task! So, I thought I’d share the solution. The instructions that I eventually came across were just as hard to follow as they were to find, so I’ve tried to make my own much easier to follow. Like, so easy your Grandma could do it. Please leave any questions in a comment!

How To: Embed Issuu on a WordPress.com blog

1) To create an Issuu, upload a PDF. Once uploaded, it will remain in “My Library.” Click open by hovering over your Issuu.

2) Under the Issuu, click “Get embed code”

step2

3) A new window pops up! In the top right hand corner, click on the link in “Looking for the old embed page?”

4) Here, you can choose the styling of your embedded Issuu. Change the background color to contrast with your blog, etc. The settings you choose here will transfer with the code to your WordPress.com post!

5) Once you’re finished with the styling, copy the embed code in the top left of the page (it will be long-be sure to get the whole thing.)

step5

6) Paste this code into a Word document.

7) Copy code pictured here:
gigyaa
This is called the “gigya” code. Paste this into the Word document underneath the embed code for later use.

8) Go back to your embed code and copy the sections that match the ones highlighted here:

step8

9) Now, scroll back down to the “gigya” code. Delete the text “HIGHLIGHTED SECTIONS HERE” and in its place paste the highlighted section that you just took from the embed code.

step9

10) Copy the “gigya” code with the new section inserted. Go to your WordPress.com post or page where you want to embed the Issuu.

11) There is a “Visual” tab and a “Text” tab in the upper right corner, you want “Text.” Paste the code, and you’re done!

step11

After completing step 11, your Issuu should look like mine does here! Note that it may not load properly in preview mode. Like I said, please comment with any questions–I’ll do my best to clarify.

So, how can you use Issuu? Here are a few ideas:

  • Show off writing samples in a click-through PDF format
  • Compile pieces of your graphic design work
  • Upload your PRSSA chapter newsletter
  • Create a photography portfolio
  • Create a photo album for an event recap
  • Display your company’s case studies
Advertisements

5 thoughts on “How To: Embed Issuu on a WordPress.com Blog

  1. leloup9 says:

    Hi. Read your post and I’m following the steps but the code I get from Issuu is very short and that seems to be the problem. Do you have any idea what I’ve done wrong?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s