Best Way to Add a Pdf Download to Wordpress
Embedding a PDF into your WordPress posts or pages can exist a useful style to brandish content for your website'southward visitors. For example, if yous want to share eatery 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 ii quick and easy methods to help you lot upload and embed a PDF file in WordPress. We hash out installing and using the free WordPress plugin PDF Embedder, as well every bit a no-plugin choice that involves embedding a PDF via Google Drive. Let's become started.
1. Employ a WordPress Plugin to Embed a PDF File
Using a WordPress plugin to embed a PDF file into a folio or a post of your website is a method we would advise for WordPress beginners, as information technology is the quickest and easiest selection. There are numerous plugins available for this chore, each offering something slightly different:
- PDF Embedder (free) – lets you upload PDFs and embed them straight into your website.
- Embed PDF Viewer (costless) – enables you to embed a PDF from the media library or from a 3rd-party site via oEmbed.
- Google Drive Embedder (free) – allows you to access your Google Drive documents from inside your WordPress dashboard. PDF files tin so be embedded straight into posts or pages.
- PDF Viewer for WordPress (premium) – comes with a selection of impressive features, including avant-garde control over display options, a powerful admin panel, Google Analytics tracking, and more.
All of the above plugins are smashing options, but our recommendation is to utilise PDF Embedder. It is a free WordPress plugin that will enable you to upload and embed PDFs straight into whatsoever folio or post of your website. It embeds PDFs using JavaScript, which lets you customize the advent of your documents.
Past default, PDF Embedder automatically displays PDFs at their original size (if they are besides big they volition only make full the width bachelor). You tin also specify a width and pinnacle for any PDF you embed. All JavaScript and other files are served by your own server, so no potentially unreliable tertiary party is involved.
Here's an example of how a PDF will look on your website if y'all use PDF Embedder:
So now allow's 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.
So, in the plugin search function, type in PDF Embedder. Once the plugin has been retrieved, select Install Now, then Activate.
You lot will find PDF Embedder has now been installed on your website. To larn more almost how to install a WordPress plugin, bank check out our step-by-step guide too.
Footstep 2: Configure PDF Embedder's Settings
To open the settings folio for PDF Embedder, click on Settings > PDF Embedder inside your WordPress dashboard.
The free version of PDF Embedder provides limited settings. Options include:
- Height and Width – Hither you can ready a specific elevation and width for your PDFs. (This is only necessary if you accept a particular size in mind. Otherwise, PDF Embedder will display PDFs at their original size).
- Toolbar Location – Choose whether to display the toolbar at the summit or lesser of the page. The toolbar allows users to zoom in and out of the PDF, as well as toggle between pages.
- Toolbar Hover – Select whether to have the toolbar permanently visible or to simply appear when a user hovers over the PDF.
One time you lot have configured the settings, recall to click on Save Changes at the lesser of the page.
Step 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 post or folio where you want to brandish the PDF. Then from inside the Editor, click on Add Media.
Once the Media Library has opened, click on Upload Files > Select Files. And 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'.
Within your post editor, you will at present see a shortcode for your PDF.
Finally, preview or publish the post. Yous 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 you would rather embed a PDF in your website without having to use a plugin, then doing and so via Google Drive is the method for yous.
You volition need to upload the PDF to your Google Bulldoze then embed the file on your website past using the iframe code. Here'southward an example of how a PDF volition be displayed on your website if yous opt to utilize Google Bulldoze:
So permit'south at present run through this process stride by step.
Step i: Upload the PDF File to Google Drive
Log into Google Bulldoze, or if you demand to, create a new account.
You now need to upload the PDF to your Google Bulldoze business relationship. So click on New > File upload from the left-mitt side bill of fare and select the file from your local computer.
Step 2: Make the PDF Shareable
Afterwards the PDF has been uploaded to Google Bulldoze, double click on the file. When the file opens, click on the three dots icon in the right-paw corner of the top menu bar. Then select 'Open in new window'.
Once the PDF has opened, again click on the iii dots icon and this fourth dimension select Share.
A popup entitled 'Share with others' will now appear. Click on 'Get shareable link'. This activeness will enable your PDF to be viewed publicly.
If you lot don't want your PDF to be downloaded, copied, or printed by your users, click on the Advanced push button and check 'Disable options to download, print, and copy for commenters and viewers'.
Then click on Done.
Pace 3: Embed the HTML Lawmaking
Y'all now demand to find and copy the embed code, and then embed it in your WordPress website. To find the embed code, click on the iii dots icon and select 'Embed item'.
And then re-create the HTML code displayed.
Now switch back to your WordPress dashboard and open the page or post where you lot want to display the PDF. Switch to text view, then paste in the HTML code.
Now preview or publish the post to check out how your PDF appears on your alive site.
Final 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 only choose the method that best suits your needs and skill set up. You tin can then quickly create, embed, and brandish a broad assortment of PDFs on your website, helping you to engage with and provide for your audience.
How volition y'all embed a PDF file in your WordPress website? Delight share your thoughts in the comments beneath…
Searching for a costless, professional person and lightweight WordPress theme? Meet Sydney!
View Theme
DOWNLOAD HERE
Posted by: gravesreld1950.blogspot.com
