Embed issuu.com Flipbooks - Web Team Procedures and Notes

This page is intended for use only by the Web Team.

NOTE: Subject to change.

Go to Code for Video, Slideshows, and more.

Embedding an issuu.com Flipbook

  • Upload PDF to issuu.com
  • Enter document title and description for the uploaded PDF
  • Wait until the conversion process is done
  • Go to Share > Website or blog
  • Modify default embed settings as follows:
    • change width to 600px
    • change background color to #ffffff
    • uncheck "Links below embedding"
    • save the style
  • Copy embed code and paste where indicated in below code
  • Copy link code from issuu.com and paste where indicated in below code
  • Edit the caption for the flipbook to use an appropriate title
<div class="embeddedmedia centertag issuu" style="width:600px;">
  <span class="source"><a href="http://LINKCODE">Flipbook: TITLE (Flash)</a></span>
  PASTE_EMBED_CODE_PROVIDED_BY_ISSUU
</div>

Example:

<div class="embeddedmedia centertag issuu" style="width:600px;">
  <span class="source"><a href="http://issuu.com/ohlone-college/docs/allpages_eee0e659e50ed7?e=8017878/5731146">Flipbook: Ohlone College Monitor, November 21, 2013 (Flash)</a></span>
  <div data-configid="8017878/5731146" style="width: 600px; height: 464px;" class="issuuembed"></div>
  <script src="//e.issuu.com/embed.js" async></script>
</div>