How To Embed PDF in WordPress (A Step-by-Step Guide)

Providing PDF documents to the user is an essential part of your website. You may need to provide your users’ documentation, guideline, or a set of instructions, and that’s where embedding PDF documents come in very handy. Embed pdf in WordPress increases the usability of your website.

In this tutorial, we will see how to embed a PDF file in the WordPress website step-by-step. At the end of this tutorial,  you will learn two methods for embedding PDF files in a WordPress website.

 

Method 1: Embed PDF in WordPress Using a Free Plugin

Step 1: 

In the WordPress dashboard, hover on ‘Plugins’ and click on ‘Add New.’

Embed a PDF file in WordPress

Step 2:

In the WordPress plugin directory, search for the ‘PDF Embedder’ plugin and click ‘Install Now.’ Installing the plugin is the same for all modern and creative WordPress themes.

best woocommerce themes

 

Step 3:

Click on ‘Activate’ to activate the plugin. 

Embed a PDF file in WordPress

Step 4:

In the WordPress dashboard, hover on ‘Settings’ and click on ‘PDF Embedder.’

woocommerce templates

Step 5:

You will be taken to the settings page of the plugin. You will see various options here to customize. You can set the PDF viewer’s height and width in pixels. You can choose to show the PDF toolbar on top or bottom or both. You can also set the visibility of the toolbar to always visible or only on hover. You are able to choose to show the plugin credit or not. After all the changes are done, click on ‘Save Changes’ to save your setting. 

See also  Top 9+ WordPress Search Plugins for 2023

embed a pdf file in wordpress

Step 6:

Now open the page you want to embed the PDF in ‘Edit’ mode. Click on ‘Add Media’ to upload your PDF file. 

best woocommerce wp themes

Step 7:

Click on ‘Select Files’ to upload the PDF document.

embed a pdf file in wordpress

Step 8:

As the PDF file is uploaded, click on ‘Insert into page’ to add it to your page. 

best woocommerce wordpress themes

Step 9:

We will see a shortcode after adding the PDF file to the page. This shortcode indicates that the PDF file is successfully embedded. Click on ‘Update’ to save our customization. This action will be the same in any free simple WordPress theme you use. 

embed a pdf file in wordpress

Step 10:

Now open the page in ‘View’ mode, and you will see the uploaded PDF file is embedded and perfectly displayed with the toolbar. 

woocommerce themes for wordpress

 

Method 2: Embed PDF in WordPress using Google Drive

Step 1:

In your Google Drive, click on ‘New.’

embed a pdf file in wordpress

 

Step 2:

Now click on ‘File Upload’ to upload the PDF file. 

best elementor theme for woocommerce

Step 3:

After the upload, double-click to open the PDF file. Now click on the ‘three-dot icon’ at the top right corner and click on ‘Share.’

embed a pdf file in wordpress

Step 4:

Permission in General Access will be set to ‘Restricted’. Change the permission to ‘Anyone with the link.’ This action will enable everyone to view the PDF document. Click on ‘Done’ to save the changes.

how to make a woocommerce theme

Step 5:

Now click on the ‘three dots’ icon again and choose ‘Embed item.’

embed a pdf file in wordpress

Step 6:

You will be given the embed code for the PDF file. Copy this code. 

woocommerce themes

Step 7:

Open the page you want to embed the PDF document in ‘Edit’ mode. In the editor, switch to ‘Text’ mode first and then paste the embed code in the editor. Now click ‘Update’ to save the changes. You can also embed the PDF files in any most popular themes WordPress

embed a pdf file in wordpress

Step 8:

Now open the page in view mode and you will see we have successfully embedded the PDF document in our website using Google Drive. 

modern woocommerce themes

Conclusion

We have tried to show you step-by-step how you can easily embed pdf in WordPress website using two effective ways. Following the procedure, you can quickly embed PDF files in your website as many as you need.

We hope this tutorial has been helpful to you. Follow WPCred for more awesome tutorials like this! Additionally, feel free to check out our tutorial on how to add payment option icons to the footer in the Flatsome theme


Subscribe To Our Newsletter!
Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…