PDF's are an easy way to provide your end users value in the form of reports, info-graphics and more. We have outlined below a few ways below to provide these in ideal ways for your customer base and have low risks of content management or display errors.
Preface and general recommendations:
More importantly however - is that embedding of PDF's is not supported in a variety of available web browsers, including common ones like Safari for iOS, and Internet Explorer.
Alternatives to Embedding:
There are three alternatives to consider, each one with pro's and cons. They are:
- Use of Object HTML
- Use of an Image link to PDF in library
- Use of a PDF to flipbook service (recommended)
Simple Object HTML:
Example fallback content: This browser does not support PDFs. Please download the PDF to view it: Download PDF.
Using an Image link to your library
Use of an image as a link directly to the pdf in your media library. This provides opportunities for SEO optimization and allows for any supported browser to view the content in it's full native window. (Note this is not supported in older browsers and does not have support in Safari iOS or Internet Explorer.)
Use of a flipbook service (recommended)
Convert the content to a compatible iframed flip book for use on your website. Use of this method ensures that the content is displayed in a compatible format for both desktop and mobile browsers. Flipsnack in particular has both mobile and desktop browser support.
This method is used by major corporations like Disney, Nike, Discovery Channel, and many more!