In WordPress, how do I add a PDF viewer?


Do you want to include a PDF viewer in your WordPress installation?

You can share your files while keeping visitors on your website by embedding PDF files in WordPress. When you want your files to have the same layout no matter what device they’re viewed on, PDF is a good format to use.

We’ll show you how to add a PDF viewer to WordPress in this article.

What Is the Purpose of a PDF Viewer in WordPress?

Unlike audio, video, tweets, and other media formats, WordPress does not embed PDF files into blog posts by default. It simply adds a download link to the file.

Many of these users will not return to your site, resulting in fewer pageviews and lower user engagement. This means that in order to view the PDF file, your visitors will have to leave your post.

Offering PDF files as content upgrades is one way to deal with this. You can then ask users to join your email list in order to receive the bonus content.

You’ll need to add a PDF viewer to your WordPress site if you just want users to view PDF files without leaving your site.

Installing and Configuring PDF Embedder

We’ll be using PDF Embedder, one of the best WordPress PDF plugins.

It embeds files with a fully functional toolbar that allows users to zoom in and navigate the PDF file using JavaScript. It’s also fully responsive, which means the embedded PDF can be viewed on any screen size.

See our step-by-step guide on how to install a WordPress plugin for more information. The PDF Embedder plugin must first be installed and activated.

This step is optional because the default settings are suitable for most websites. You can configure the plugin settings by going to Settings» PDF Embedder after it has been activated.

The PDF viewer’s height and width can be adjusted in the settings. If you think the PDF viewer is too wide or narrow, you can adjust it.

You can also decide whether the toolbar should appear at the top or bottom of the viewer, and whether it should remain hidden until the user moves their mouse over the document.

It also includes a variety of mobile and security options. A download button, continuous page scrolling, clickable links, and file download tracking are all available in the premium version.

When you’ve finished customizing your settings, don’t forget to save them by clicking the ‘Save Changes’ button.

Whether you use the block editor or the classic editor, the method you use will differ. To get to the section you want, click on the links below: We can now insert a PDF into a WordPress post or page.

  • How to Use the Block Editor to Create a PDF Viewer
  • In the Classic Editor, how do I add a PDF viewer?

How to Use the Block Editor to Create a PDF Viewer

It’s simple to include PDF files in your WordPress posts and pages. We’ll begin by creating a new post or editing one that already exists.

Then, at the top left of the WordPress edit screen, click the Add Block + button to add a new block. To begin, place your cursor where you want the PDF document to be embedded.

Then, under the Text section, select the †PDF Embedderâ€TM button.

After that, you’ll need to either upload a new PDF file or choose one from your media library to add to your post. Click the link that says †Click here to Open Media Library to select PDFâ€TM to do so.

Simply drag the file into the library, then release your mouse button when you see the †Drop files to uploadâ€TM message. If you haven’t already done so, go ahead and do so now. You’ll be redirected to WordPress’s media library.

The PDF will be uploaded and selected automatically. It’s as simple as clicking the †Selectâ€TM button.

Your document will now include the PDF. Instead, the URL of the file is contained in the block. You won’t be able to see a preview of the PDF while editing the post.

You must save your post and preview it on your live website in order to view the PDF. On our demo website, this is how it looks.

In the Classic Editor, how do I add a PDF viewer?

It’s just as simple to embed a PDF in the classic editor. Begin by creating a new post or reopening an existing one.

When you see the message †Drop files to upload,†††††††††††††††After that, place the cursor where you want the PDF to be displayed, and then drag the PDF onto the page.

Now all you have to do is press the †Insert into postâ€TM button. The PDF will be uploaded and selected automatically in your media library.

A shortcode will be added to your post or page by PDF Embedder. When you preview or publish the file, the PDF will appear. [pdf-embedder url=”PDFURL”] will be the result.

This is how it looked on our test website. Simply save your post and preview it on your live website to see the PDF.

You might also be interested in our guide to creating an email newsletter or our list of essential WordPress plugins for growing your site. We hope you found this article useful in setting up a PDF viewer in WordPress.

Please subscribe to our YouTube Channel for WordPress video tutorials if you enjoyed this article. You can also find us on social media sites such as Twitter and Facebook.

    Beginner’s Guide to Installing Google Analytics in WordPress

    How to Transfer Your Blog from WordPress.com to WordPress.org Correctly

    How to Fix the WordPress Error Establishing a Database Connection

    Why is it so important to build an email list today? (6 Reasons)

    Editorial Staff Information

    Over 1.3 million readers around the world rely on it. WPBeginner’s Editorial Staff is a group of WordPress experts led by Syed Balkhi.

    On the most recent version, it works perfectly!

    Thank you for informing us.

    Is it possible that no one is looking after it? Is this the recommended plugin to use? PDF Viewer hasn’t been updated in three years, and it hasn’t been tested with my current WordPress version (v4.9.1).

    Hello, Ian.

    You are correct. These WordPress PDF plugins are worth looking into.

    When I click print on my WordPress web page, I get a page that isn’t aligned properly. I’m combining all of the urls and content.

    It may no longer be maintained or supported, and using it with more recent versions of WordPress may cause compatibility issues.” “This plugin hasnâ€TMt been updated in over 2 years,” it says on the plugin page.

    That could be why it doesn’t work for some people.

    In fact, I am unable to include any pdf files in my blog post. The pdfviewer does not work on my site.

    Hello, I’d like to publish a book on my wordpress site, and I’d like to know if you can recommend any simple pdf reader plugins.

    Or is there another viable option? Is there a way around this? On the most recent version of WordPress, this does not work for me.

    Hello there, everyone!

    The issue with PDF plugins like this one is that you can’t remove sibar(s) while creating your PDF, which drastically alters the style!

    Or perhaps someone came across one? If I ever come across one with this extremely useful feature, I’ll let you know!

    Very useful information.

    ‘Embed Any Document’ is a good option. It’s a far superior option.

    It’s fantastic!! Thank you for the suggestion.

    Is it possible to set the viewer to 110% view automatically by opening a file, and if so, how do I do it?

    It’s a fantastic plugin that works well with WordPress 4.4.2 and the Twenty-eleven theme.

    Hello, Syed. Thank you for alerting me to this problem.

    I’ve been using the free version of this plugin for the past two years, but due to the large number of fPDFs on my client’s site, I recently upgraded to the premium version:

    I’ve had no problems with the premium version so far, and I can also ‘unbrand’ the document and track the number of downloads and views.

    The pdf viewer does not appear to be available for wordpress.com. I didn’t realize I’d need to display pdfs when I first started with wordpress.com, or I might have gone with a different option. That is an issue. I read the information you provided. I understand that readers who click on my pdf url will be taken to a different page and may not return to my blog. It’s too bad.

    It would guide us newbies to avoid making mistakes and possibly make different decisions. Is it correct that the embedding plugin requires the use of WordPress.org? If this is the case, I recommend that the information be clearly stated as a requirement. All of the references I found were to the generic WordPress, so it’s impossible to tell if there’s a specific application requirement (Did I miss something?). Thank you.

    I really like how you identify a DIY (do it yourself) problem in WordPress and then offer alternative solutions, which usually involve plug-ins.

    “However,” I’m curious if you read some of the user reviews on the plugin page in the wordpress.org directory, as well as the LAST UPDATED information.

    This PDF VIEWER plugin, for example, was updated “8 months” ago and is compatible with WP 4.2.6.

    Also, according to one reviewer….

    “For WP 4.3.1, November 4, 2015” This plugin was exactly what I was looking for. Thank you very much!

    The following are my only reservations: This plugin is significantly behind the current version of that framework as of November 2015: ************* (1) The Mozilla PDF.JS framework is used in this plugin.

    According to the Plugin Settings page: PDF.js is a web application that allows you to create PDF

    If you do, please mention in your posts that a suggested plugin hasn’t been updated in a long time but appears to be the best option among the ones currently available. SUMMARY > Do you think it’s a good idea to use plugins that have high ratings but are also regularly updated and highly rated?

    From the settings page of PDF Viewer, you can use the beta version of PDF.js. You might also be interested in our article Should You Install Plugins That Haven’t Been Tested With Your WordPress Version?

    Can I use a plug-in to embed pdfs and other documents? I’ve found conflicting references and want to be sure before experimenting and potentially harming my current blog. I use WordPress.com rather than WordPress.org.

    I’d appreciate it if you could explain yourself. That also makes me believe I can use them, but references say no. There is a plugins section on the WordPress.com edit page.

    Thank you.

    Please see our comparison of a self-hosted WordPress.org blog vs. a free WordPress.com blog.

    I didn’t see a post about PDF for WordPress, but this is something that many SEOs and bloggers are looking for. This is, I believe, the first of its kind on WordPress. So, thank you for bringing this to the attention of the WordPress community. This could also be very useful for tutorials. Hello, Syed.

    Is it possible to install the pdf viewer described here on my WordPress.com blog? I’m using WordPress.com instead of WordPress.org. I’d like my pdf documents to appear on the same page as the rest of my blog post.

    Is it better to put the pdf content in text and add a button to download the link for SEO purposes, or to just show the pdf using this viewer plugin? Thank you for writing this article.

    You’ll get the same SEO boost as if you included a download link. Because it is written in JavaScript and is compatible with HTML5, search engines can still index the contents of your PDF file if it contains text rather than just images. This reduces the amount of time they spend on your page and their likelihood of returning to continue browsing your website. A download link, as previously stated, forces users to view the PDF separately.

kiuz
Logo
Enable registration in settings - general