2 Easy Ways To Embed A PDF In Beaver Builder Without Code

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

You have a PDF. You have Beaver Builder. So…

How to embed a PDF in Beaver Builder? There are 2 ways to embed a PDF in Beaver Builder:

  1. Using PDF Embedder plugin, and
  2. Using Beaver Builder itself.

Let’s take a look at each of these ways to embed a PDF now…

Method 1: How To Embed PDF In Beaver Builder Using PDF Embedder Plugin

First, you will need to install and activate the free PDF Embedder plugin from the WordPress Plugins Repository.

Now, edit the page with Beaver Builder on which you want to embed the PDF.

Once Beaver Builder is active, drag-and-drop the HTML widget on the page. Enter the following shortcode in the field on the General tab and click the Save button:

[pdf-embedder url=’https://mysite.com/wp-content/uploads/2020/03/my-pdf.pdf’]

The URL is the URL you get after uploading the PDF to your WordPress Media library.

Enter PDF embed shortcode in Beaver Builder

That should embed the PDF on your page.

Using the PDF Embedder plugin is the simplest way to embed a PDF file on your page. But you might run into issues if your PHP config value max_input_vars is set to anything below 5000. You might have to increase this value to 5000 or ask your hosting provider to do it for you. You can read more about this issue in Beaver Builder’s Help Doc.

Now, if you cannot get the PDF Embedder plugin to work with Beaver Builder, then you can use the second method to embed your PDF file using Beaver Builder.

Recommended Further Reading:

Method 2: How To Embed A PDF File On A Page Using Beaver Builder

This method won’t display the PDF file on your page as in the first method. Instead, it will display on clicking a button.

Here’s how this method works.

Step 1: Upload the PDF to your WordPress Media Library and copy the URL of the uploaded file. You can get the URL by clicking the uploaded file in your Media Library.

Media Library Copy PDF URL

Step 2: Now, edit the page with Beaver Builder on which you want to embed the PDF.

Step 3: Drag-and-drop the Button module on the page. The Button module is only available in the premium version of Beaver Builder. However, if you are using the free version of Beaver Builder, then here’s a tutorial on how to add a button in Beaver Builder’s free version.

Beaver Builder button module

Step 4: Now, paste the URL of the PDF from Step 1 into the Link field on the Button module settings.

Enter PDF link in Beaver Builder

Step 5: Click on the Save button.

Step 6: Publish the page.

Now when you or someone else clicks the button, the PDF will display.

You can play around with the button settings to design the button as you want.

Okay! So…

Interesting Further Reading:

What’s Next?

There are a few other plugins too that provide you with Gutenberg Blocks to embed PDFs. But I haven’t included them in this tutorial because they do not work with Beaver Builder.

In most of the cases, you should be able to use one of the above two free methods to embed a PDF in Beaver Builder.

But if you don’t want to use both these methods, then you can take a look at other plugins.

About The Author

Leave a Comment

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