How to Embed PDF, Spreadsheet, and others in WordPress Blog Posts

Do you wish to have to embed PDF, spreadsheet, and different kinds of paperwork in your WordPress weblog posts?

WordPress comes with a formidable content material editor and lets in you to simply embed movies, tweets, audio, and different media codecs the usage of the embed blocks.

You too can add different form of information that customers can obtain. However, it isn’t imaginable to embed information like PDF, spreadsheet, and different paperwork in your weblog posts.

In this text, we’ll display you the way to embed PDF, spreadsheet, powerpoint, and different paperwork in your WordPress weblog posts.

To can help you navigate this information, we now have created the desk of contents right here.

  1. Adding PDF in WordPress Blog Posts with out Plugin
  2. Embedding PDF in WordPress Posts Using the PDF Viewer Plugin
  3. Embedding Spreadsheets, and Other Types of Documents in WordPress
  4. How to Embed SlideShare Presentations in WordPress Posts
  5. Embedding Google Docs, Sheets, and Others in WordPress Posts

Now, let’s get began with the information.

Adding PDF in WordPress Blog Posts with out Plugin

By default, WordPress doesn’t be offering complete embed possibility for PDF paperwork; on the other hand, you’ll be able to upload them as hyperlinks in your weblog posts.

This possibility turns out to be useful in the event you don’t need to upload a plugin to your web site.

Simply upload the File block to your WordPress submit or web page and then add your PDF record.

Add file block

Once you could have uploaded the PDF record, WordPress will show the record identify with a obtain button. You can edit the record identify and obtain button textual content.

Download PDF link

You additionally have the opportunity to display or disguise the obtain button and select whether or not it hyperlinks to the record itself or the attachment web page.

You can use this technique to add Microsoft Word paperwork, Excel spreadsheets, and PowerPoint shows to your web site.

While this technique is more uncomplicated and straight-forward, it does now not embed the paperwork which means that customers have to obtain the record to view it, and this will not be very person pleasant relying at the use-case.

Let’s check out any other techniques to embed paperwork in WordPress.

Embedding PDF in WordPress Posts Using Embed PDF Viewer Plugin

As proven above, showing the PDF information as hyperlinks will lead your web site guests away out of your website.

In this technique, we can quilt how to simply embed the file in your WordPress posts and pages.

First, you want to set up and turn on the Embed PDF Viewer plugin. For detailed directions, see our step-by-step information on how to set up a WordPress plugin.

Once the plugin is activated, merely create a brand new submit or edit an present one to embed a PDF file.

In the WordPress submit edit display screen, click on at the Add New Block icon, and make a selection the PDF block underneath Embeds segment.

Choose PDF Embed Block in WordPress Post Editor

After that, you’ll be able to add a brand new PDF record to your submit, make a selection one out of your media library or insert from URL.

PDF Block Added in WordPress Editor

Once you choose the record, you’ll be able to see the PDF record embedded in your weblog submit. You too can resize the embed space and upload further CSS from the block choices at the left facet.

PDF Embedded in WordPress Post Editor

Once you’re achieved with customization, merely save your submit and preview it to your reside web site. Here’s the way it seemed on our demo web site.

PDF Embedded in WordPress Post Preview

Embedding Microsoft Word, Spreadsheet, and Other Documents in WordPress

The plugin discussed above best permits you to embed PDF information into your WordPress website.

If you wish to have to embed extra file sorts like Microsoft Word, Excel spreadsheet, PowerPoint presentation, and so on, then you want to use any other plugin.

First, you want to set up and turn on the Embed Any Document plugin to your web site.

Next, create a brand new submit or open an present one to embed a file. Once achieved, upload the Document block underneath the Embeds segment.

Add Document Block in WordPress Editor

After that, you want to click on at the Add Document button.

Add Document Option in WordPress Post Editor

Next, you’ll be able to add a file or upload from a URL. The paid plugin customers too can connect paperwork from Google Drive, Dropbox, and Box.

Add Document Options

Once you select the file to embed, you are going to see the choices to customise the embed. You want to evaluate them and click on the Insert button.

Add Spreadsheet Advanced Options

Once achieved, you’ll be able to see the file embedded in your submit. You too can evaluate the file show choices once more from the block choices panel at the left facet.

Spreadsheet Embedded in WordPress Editor

Save your submit and preview it to your reside web site. Here’s how the embedded spreadsheet seemed on our demo web site.

Spreadsheet Embedded in WordPress Preview

Embedding SlideShare Presentations in WordPress Posts

Unlike PDF and different paperwork, WordPress lets in you to simply embed content material from third-party services and products into your web site.

It has built-in embed choices for YouTube movies, Tweets, Facebook updates, SlideShare shows, and many extra.

Best of all, the brand new WordPress block editor comprises separate embed blocks for them.

To embed a SlideShare presentation in your WordPress weblog submit, create a brand new submit, or edit an present one. Next, click on at the Add New Block icon and upload the SlideShare block in your submit edit space.

Add SlideShare Embed Block in WordPress Post Editor

Next, you want to consult with the SlideShare web site and replica the hyperlink of a SlideShare presentation that you wish to have to embed.

Once achieved, paste the hyperlink in the embed SlideShare block and click on at the Embed button.

Embed SlideShare URL in WordPress Post

After that, you’ll be able to see the SlideShare presentation embedded in your weblog submit. You can evaluate the block choices at the left facet, and save your submit.

SlideShare Presentation Added in WordPress Editor

Once achieved, you’ll be able to preview the embedded SlideShare presentation live to tell the tale your web site. Here’s the way it seemed on our demo web site.

SlideShare Presentation Added in WordPress - Preview

How to Embed Google Docs, Sheets, and Others in WordPress

In the above examples, we now have coated how to upload PDF and different paperwork out of your native laptop. However many customers at the moment use Google Drive to create and retailer paperwork (specifically small trade homeowners).

Similar to Microsoft Word, Excel Sheets, and PowerPoint shows, Google Drive additionally permits you to create Docs, Sheets, Presentations, and different on-line paperwork.

If you could have created paperwork in Google Drive, then you’ll be able to simply embed those information in your WordPress posts through the usage of the iFrame means.

To embed a Google document in WordPress, you want to open the file in your browser first. After that, pass to the File menu and click on at the “Publish to the internet” possibility.

Publish to the Web Option in Google Doc

After that, a brand new popup window will seem. You want to make a selection the Embed possibility and then click on at the Publish button.

Click Publish to Find the Embed Code for Google Doc

Once achieved, it’ll supply you an iFrame embed code. Go forward and replica the code.

Embed a Google Doc Code

Next, you want to create a brand new submit or edit an present one to embed the Google document. In your submit editor, upload the Custom HTML block to insert the embed code.

Add Custom HTML Block in WordPress Post

Once the Custom HTML block is added in your submit edit space, paste the embed code that you simply copied earlier than.

Google Doc Embed Code Added in WordPress Post

You might want to upload top and width parameters to the embed code. Simply upload the parameters to the iframe code like this:


<iframe src="https://doctors.google.com/file/d/e/2PACX-1vQXyRM7bAOY2Em38yYkFKDlFwMp7tlofsdfdgeGDFg4lVkv_9HB_5WbGLwfMScaGQmDf34mIH/pub?embedded=true" width="550" top="600"></iframe>

After that, you’ll be able to save your submit and then preview it to your reside web site. Here is the way it seemed on our demo web site.

Google Doc Embedded in WordPress Post -preview

You can now use this technique to embed different paperwork out of your Google Drive account to WordPress.

We hope this text helped you to find out how to embed PDF, spreadsheet, and different paperwork in WordPress posts. You might also need to see our information on how to organize, monitor, and keep watch over record downloads in WordPress.

If you wish to have to limit information and content material to logged in customers best, then you want to use a WordPress club plugin to create a club web site.

If you loved this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can to find us on Twitter and Facebook.

Recent Articles

How to Auto-Apply Coupons in WooCommerce Using Coupon URLs

Do you wish to have to give your WooCommerce consumers a distinct hyperlink that mechanically applies a chit for them? Normally, customers want to upload...

How to Add Multiple Authors (Co-Authors) for Posts in WordPress

Do you wish to have to display more than one authors for a publish in WordPress? Many web pages frequently have more than one...

How to Restrict WordPress Site Access by IP or Logged In Users

You are about to release a brand new product, and you have got evolved an ideal web page for it the use of the...

How to Allow Users to Post Anonymous Comments in WordPress

Recently one in all our customers requested if it used to be imaginable to permit nameless feedback in WordPress. By default, customers can not...

How to Get Email Alerts for 404 Errors in WordPress

404 mistakes are a reason of shock for many WordPress customers. Particularly those that have simply moved from WordPress.com to self hosted WordPress.org, or...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here

Stay on op - Ge the daily news in your inbox