How to Embed pdf in WordPress

How to Embed pdf in WordPress

How to Embed PDF, Spreadsheet & Word File in WordPress Blog?

Are you looking to embed PDF, spreadsheet, word file or other media formats on your WordPress blog? If you are then, you are in the right place.

By default, WordPress comes with a powerful block editor that lets you insert media files like audio, video, tweets and Facebook posts on your blog posts through embed blocks. However, it is not possible to embed other media formats like PDF, spreadsheets, or word files. This feature is not available yet and could be added in the near future.  Till then, you will have to either place a downloadable file or use a WordPress plugin to embed PDF, spreadsheets, word file etc.

In this article, we will show you how to embed PDF, Spreadsheets, WordPress files on your WordPress website. It will help you to enter the media document on your blog and make it more engaging and interactive.

So, let’s get started with the tutorial:

1) Adding Downloadable PDF file on your WordPress Blog

By default, WordPress editors will not allow you to fully embed the PDF file on your blog post. However, you can add downloadable links to allow your users to view the document after downloading it.

This step is useful if you don’t want to install a new plugin on your WordPress website.

Go to the posts where you want to embed your PDF file.

Then, add a file block on the editor.

How to Embed pdf in WordPress 1

After that, upload your PDF file.

How to Embed pdf in WordPress
How to Embed pdf in WordPress

Once the file is uploaded, the file name along with the download button will be displayed in the editor.

How to Embed pdf in WordPress 2

You can give your own file name and download button by editing them. Also, you can choose to show/hide your download button and choose to link the file to itself or to the attachment page.

You can use this method to upload Microsoft Word documents, Excel spreadsheet, and powerpoint presentation as well.

However, it does not embed the documents on your website and your audience will either have to download the file or open it on seperate tab.

2) Embedding PDF file using Embed PDF Viewer

In the above step, you can only display the link of your PDF file. But may lead your site visitor away from the website.

In this method, we will show you how to embed a PDF file on your website itself by using the Embed PDF viewer plugin.

Firstly, install and activate the Embed PDF Viewer plugin on your WordPress website.

Once the plugin is activated, go to the post where you want to place the PDF file.

Now, in the WordPress post edit screen, click on Add New Block icon. There, select the PDF block under the embed section.

How to Embed pdf in WordPress 3

After that, upload your PDF file to your post.

How to Embed pdf in WordPress 4

Once the file is uploaded, you can see the PDF file embedded on your WordPress blog. You can choose to resize the embed area of your PDF file.

3) Embedding Microsoft Word, Spreadsheets, and Other Document in WordPress Blog

The above mentioned plugin will let you embed the PDF file only on your WordPress blog.

If you want to embed other documents like Microsoft Word, Excel Spreadsheet, Powerpoint presentation, etc, you will need to use another plugin – Embed Any Document.

Firstly, install and activate Embed Any Document plugin on your WordPress plugin.

Now, open the post/page where you want to embed a document.

There, add the document block present under the Embeds section.

How to Embed pdf in WordPress 5

After that, click on the Add Document button.

How to Embed pdf in WordPress 6

Now, upload your document or add it via URL. If you are using the paid version, you can also attach the document from Google Drive, Dropbox and Box.

How to Embed pdf in WordPress 7

Once you have chosen the document you want to embed, you will see the option to customize it. After reviewing them, click the Insert button.

How to Embed pdf in WordPress 8

You will see the document embedded in your post. You can also review the document display options again from the block option panel.

How to Embed pdf in WordPress 9

Save your post and preview it on your website.

4) Embed Google Docs, Sheets and Other on WordPress Blog

In the above steps, we cover how to add PDF, Word Files, and other documents from the local computer. However, many users nowadays use Google Drive to create and share documents.

Google Drive lets you create Word Doc, Spreadsheets, Slides similar to Microsoft Word, Excel and Powerpoint.

So, if you have created documents in Google Drive, you can embed them on your WordPress blog from the iFrame method.

To embed a Google doc, you need to open the doc on your browser.

Now, go to the File menu and click on “Publish to the web” option.

How to Embed pdf in WordPress 10

After that, click on the “Publish” button.

How to Embed pdf in WordPress 11

Once done, it will provide you the publish link and iframe embedded code.

How to Embed pdf in WordPress 12

Copy the generated code and go to the post where you want to embed your doc file.

In the post editor, add “Custom HTML Block” and paste the copied iframe code.

How to Embed pdf in WordPress 13

Then, save your blog and preview it on your website.

How to Embed pdf in WordPress 14

You can apply a similar process to embed other forms of documents stored on Google drive.

Author: Webmaster

Leave a Reply

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