How to Add a PDF Viewer in WordPress

Do you want to add a PDF viewer in WordPress?

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

In this article, we will show you how to add a PDF viewer in WordPress.

How to Install and Set Up PDF Embedder

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

It uses JavaScript to embed files with a fully functional toolbar that allows users to zoom in and navigate the PDF file. It’s also fully responsive, so the embedded PDF will be viewable on any size screen.

First, you need to install and activate the PDF Embedder plugin. For detailed instructions, see our step by step guide on how to install a WordPress plugin.

Upon activation, you can visit Settings » PDF Embedder to configure the plugin settings. The default settings are suitable for most websites, so this step is optional.

The settings allow you to control the height and width of the PDF viewer. You can change this if you feel that the PDF viewer is too wide or narrow.

You can also choose whether to display the toolbar at the top or bottom of the viewer, and whether to hide it until the user hovers their mouse over the document.

The premium version adds options for a download button, continuous page scrolling, clickable links, and tracking file downloads. It also offers a number of mobile and security settings.

When you’ve finished customizing your settings, don’t forget to click on the ‘Save Changes’ button to store them.

Now we’re ready to embed a PDF in a WordPress post or page. The way you do that depends on whether you use the block editor or classic editor. You can use the links below to jump to your preferred section:

How to Add a PDF Viewer in the Block Editor

Adding PDF files to your WordPress posts and pages is quite simple. We’ll start by adding a new post or editing an existing one.

First, place your cursor where you want to embed the PDF document. Then you’ll need to add a new block by clicking the Add Block + button at the top left of the WordPress edit screen.

Next, you should click on the ‘PDF Embedder’ button under the Text section.

Once you’ve done that, you’ll need to upload a new PDF file to your post or select one from your media library. You can do that by clicking the link that says ‘Click here to Open Media Library to select PDF’.

Leave a Reply

Your email address will not be published. Required fields are marked *