Do you want to embed PDF, spreadsheet, word file or other documents in your WordPress blog posts?
WordPress comes with a powerful content editor that easily allows you to insert media files like audio, videos, tweets etc using the embed blocks. However, it is not possible to embed files like pdf, spreadsheet, and other documents on your blog post. This feature is not available so far, maybe it can be added in the future.
In case you want to add a PDF file, spreadsheet or word file, you can upload it using the Add Media option and insert the link to that file. However, your visitors will either have to download the file or view the file on the separate tab of the web browser by leaving your website.
But if you want to embed PDF or other files in your blog post and let your audience view them without leaving the website then, this is the right blog for you.
Here, we will show you how to embed PDF, spreadsheet, powerpoint, word file and other documents in your WordPress page or posts.
We will discuss how to:
- Adding PDF file on WordPress Blog Posts Without Using Plugin
- Embedding PDF file by Using WordPress Plugin
- Embed Spreadsheets and Other Types of Documents
- Embedding Slideshare Presentations
- Embed Google Docs, Sheets, and Others on WordPress Posts
So, let’s get started with the tutorial:
i) Add PDF File on WordPress Blog Without Using WordPress Plugin
By default, WordPress does not come with an option to fully embed PDF file on the blog post. However, you can add them as the downloadable links.
This option is useful if you don’t want to install a new WordPress plugin to your website.
Simply add File block to your WordPress page/post and then upload your PDF file.
Once the PDF file is uploaded, the file name along with the download button will be displayed.
You can edit the file name and download button text. Also, you can show/hide the download button and choose to link the file to itself or on the attachment page.
This method can be used to upload Microsoft WordPress documents, Excel spreadsheet and powerpoint presentation as well. However, it does not embed the documents on your website which means your users will have to download the file or open the file on a separate tab to view it. Therefore, this step might be easier and straight forward but it is not very user-friendly depending upon the use case.
ii) Embedding PDF File Using WordPress Plugin
As mentioned above, displaying PDF files as the link will drive the visitors away from your website.
In this method, we will show you how to embed a PDF file on your WordPress blog using a WordPress plugin.
The plugin that we are going to use is Embed PDF Viewer.
It is available on WordPress.org repository and can be download for free.
So, download the plugin and install and activate it on your WordPress website.
If you have any difficulties regarding the installation of the plugin then, check out the article: How to install themes and plugins in your WordPress website for detailed guidance.
Once the plugin is successfully activated on your website, create a new post or edit an existing one to embed a PDF file.
In the post editor, click on “Add New Block” and select the PDF block available on the Embeds section.
Then, upload the PDF file to your post, or select it from Media Library or insert it directly from the URL.
Once you have selected the file, you can see the PDF file embedded on your blog post.
You can resize the embedded area and add additional CSS to add any customizations.
Once, you are done customizing the PDF file, save your post and preview it on your website.
Here is how your PDF file may look on your website.
iii) Embedding Spreadsheet, Microsoft Word File and Other Documents in WordPress
The above-mentioned plugin allows embedding PDF files only.
If you want to embed other documents like word files, spreadsheets or presentations then you will need another plugin – Embed Any Document.
It is also a free WordPress plugin available at WordPress.org repository. So, you can download it for free.
Then, install and activate the plugin on your WordPress website.
After that create a new post or open an existing post to embed a spreadsheet, word file, presentation, etc.
Once done, add document block under Embeds Section.
Then, click on “Add Document” button.
You can add the document by uploading it or add it from URL.
If you want to attach a document from Google Drive, Dropbox, and Box – you can upgrade the plugin to its premium version – Embed Any Document Plus.
Once you choose the document to embed, you will see a popup containing the options to customize embeds. You can review them and click on the “Insert” button to embed the document.
Then, you can see the embedded document in your post. You can also review the display option of the document again from the block option panel.
Save you post and preview it on your live WordPress website.
Here is how your Spreadsheet may look on your website.
Unlike PDF files, Spreadsheet and other documents, WordPress easily allows you to embed contents from third party services.
If you are using Gutenberg block editor on your website – it comes with inbuilt blocks to embed YouTube videos, Twitter feeds, Facebook updates, SlideShare presentations etc.
To embed a SlideShare presentation in the WordPress blog post, create a new post or edit an existing one.
Then, click on “Add New Block” icon and add “SlideShare” block on the post editor.
Next, visit SlideShare website, copy and paste the link that you want to embed on your website.
Then, click on the “Embed” button.
You can see the SlideShare presentation embedded in your blog post. You can review the SlideShare block option and save the post.
Once done, you can preview the SlideShare presentation on your live WordPress website.
v) Embed Google Docs, Spreadsheet and Other in WordPress Blog
In the above examples, we have discussed the methods to add PDF, spreadsheet and word file from the local computer.
However, many people nowadays use Google Drive to create and store documents.
Google lets you create word doc, spreadsheet, slides etc similar to Microsoft Word, Microsoft Excel and Microsoft Powerpoint.
So, if you have created documents in Google Drive, then you can easily embed them on the WordPress blog by using the iFrame method.
To embed a Google doc, you need to open the doc on your browser.
Then, go to File Menu and click on “Publish to the web” option.
After that, a popup will appear. Click on the “Publish” button.
Once done, it will provide you with the publish link and iFrame embed code.
Go ahead and copy the generated code.
Then, create a new post or edit an existing one to embed the Google doc.
In your post editor, add the “Custom HTML” block and paste the copied iFrame code.
Then, save your blog and preview it on your live website.
You can use this method to embed other documents that are stored on the Google drive.
Hope this article helped you to learn how to embed PDF, spreadsheet, word file, slides etc in your WordPress blog. You can also check out our guide to how to set up Shopify with WordPress.