How To Add Pdf Downloads To Wordpress

Embedding a PDF into your WordPress posts or pages can be a useful way to display content for your website's visitors. For instance, if yous want to share restaurant menus, tour itineraries, course materials, or ebooks, yous could consider embedding this content as PDFs on your website. Visitors can then read, download, or print the PDF files as needed.

In this tutorial, we look at two quick and like shooting fish in a barrel methods to assistance yous upload and embed a PDF file in WordPress. We hash out installing and using the free WordPress plugin PDF Embedder, besides as a no-plugin option that involves embedding a PDF via Google Drive. Allow'south go started.

1. Use a WordPress Plugin to Embed a PDF File

Using a WordPress plugin to embed a PDF file into a folio or a postal service of your website is a method we would suggest for WordPress beginners, every bit it is the quickest and easiest option. There are numerous plugins available for this job, each offer something slightly different:

• PDF Embedder (free) – lets y'all upload PDFs and embed them straight into your website.
• Embed PDF Viewer (free) – enables you to embed a PDF from the media library or from a third-party site via oEmbed.
• Google Bulldoze Embedder (complimentary) – allows you to admission your Google Bulldoze documents from within your WordPress dashboard. PDF files can then be embedded directly into posts or pages.
• PDF Viewer for WordPress (premium) – comes with a choice of impressive features, including avant-garde command over display options, a powerful admin panel, Google Analytics tracking, and more.

All of the above plugins are great options, but our recommendation is to use PDF Embedder. Information technology is a gratuitous WordPress plugin that will enable you to upload and embed PDFs straight into any page or post of your website. It embeds PDFs using JavaScript, which lets you customize the appearance of your documents.

Past default, PDF Embedder automatically displays PDFs at their original size (if they are too big they will just fill the width bachelor). You can also specify a width and height for whatsoever PDF you embed. All JavaScript and other files are served by your own server, so no potentially unreliable third party is involved.

Hither's an example of how a PDF volition look on your website if you apply PDF Embedder:

So now permit'due south next find out how to install and use the PDF Embedder plugin.

Step one: Install PDF Embedder on Your WordPress Website

To install PDF Embedder, open your WordPress dashboard and click on Plugins > Add New.

Then, in the plugin search function, blazon in PDF Embedder. Once the plugin has been retrieved, select Install Now, then Activate.

You volition find PDF Embedder has now been installed on your website. To acquire more about how to install a WordPress plugin, bank check out our footstep-past-pace guide too.

Stride 2: Configure PDF Embedder'southward Settings

To open the settings page for PDF Embedder, click on Settings > PDF Embedder inside your WordPress dashboard.

The gratuitous version of PDF Embedder provides express settings. Options include:

• Height and Width – Here you can set up a specific summit and width for your PDFs. (This is but necessary if you have a particular size in mind. Otherwise, PDF Embedder volition display PDFs at their original size).
• Toolbar Location – Choose whether to display the toolbar at the elevation or lesser of the folio. The toolbar allows users to zoom in and out of the PDF, likewise equally toggle between pages.
• Toolbar Hover – Select whether to take the toolbar permanently visible or to simply appear when a user hovers over the PDF.

One time you accept configured the settings, remember to click on Relieve Changes at the lesser of the page.

Footstep 3: Upload and Embed a PDF

To upload and embed a PDF with PDF Embedder, you simply follow the same simple process equally you would to upload and embed images.

Open the mail service or page where you lot desire to display the PDF. Then from inside the Editor, click on Add Media.

One time the Media Library has opened, click on Upload Files > Select Files. So upload the PDF file from your computer.

Once the PDF has uploaded to the Media Library, select the file and click on 'Insert into post'.

Inside your post editor, yous will now see a shortcode for your PDF.

Finally, preview or publish the post. You should now find the PDF is displayed on the frontend of your WordPress website.

2. Embed a PDF in WordPress Using Google Drive

The second method that we will discuss to help you embed a PDF into your WordPress website uses Google Drive.  If yous would rather embed a PDF in your website without having to apply a plugin, then doing so via Google Drive is the method for you.

Yous will demand to upload the PDF to your Google Drive and so embed the file on your website past using the iframe lawmaking. Hither'southward an example of how a PDF volition be displayed on your website if you opt to utilize Google Drive:

And then let'due south at present run through this process step past pace.

Stride 1: Upload the PDF File to Google Drive

Log into Google Drive, or if you need to, create a new account.

Yous now need to upload the PDF to your Google Drive account. So click on New > File upload from the left-hand side bill of fare and select the file from your local computer.

Step two: Brand the PDF Shareable

Subsequently the PDF has been uploaded to Google Drive, double click on the file. When the file opens, click on the three dots icon in the right-hand corner of the summit bill of fare bar. Then select 'Open in new window'.

One time the PDF has opened, again click on the iii dots icon and this time select Share.

A popup entitled 'Share with others' will now announced. Click on 'Get shareable link'. This action will enable your PDF to be viewed publicly.

If you don't want your PDF to be downloaded, copied, or printed past your users, click on the Advanced button and check 'Disable options to download, print, and re-create for commenters and viewers'.

Then click on Done.

Step iii: Embed the HTML Code

You now demand to find and re-create the embed code, and then embed it in your WordPress website. To find the embed code, click on the three dots icon and select 'Embed item'.

Then copy the HTML lawmaking displayed.

Now switch back to your WordPress dashboard and open the page or mail where you lot desire to display the PDF. Switch to text view, and then paste in the HTML code.

Now preview or publish the post to cheque out how your PDF appears on your live site.

Terminal Thoughts on How to Embed a PDF File in WordPress

Both methods mentioned in this article are good options when it comes to embedding a PDF file in WordPress. So simply choose the method that best suits your needs and skill prepare. Y'all can and then chop-chop create, embed, and display a wide assortment of PDFs on your website, helping y'all to engage with and provide for your audience.

How volition you embed a PDF file in your WordPress website? Delight share your thoughts in the comments below…

Searching for a free, professional person and lightweight WordPress theme? Run into Sydney!

View Theme

Source: https://athemes.com/tutorials/embed-a-pdf-file-in-wordpress/

Posted by: hayeswhearding.blogspot.com

Share this post