Written by Admin on 2025-05-06

How to Embed a PDF on a WordPress page for Download

WordPress is one of the most popular blogging and website creation platforms on the internet. With its vast array of customization options and plethora of plugins, WordPress offers the ability to create dynamic and engaging websites. One of the best features of WordPress is its ability to embed PDFs on a webpage for users to download.

In this article, we will provide a step-by-step guide on how to embed a PDF on a WordPress page for download.

Step 1: Upload your PDF to WordPress

The first step in embedding a PDF on your WordPress site is to upload the PDF file to your WordPress media library. You can do this by navigating to the Media tab on the left-hand side of your WordPress dashboard and clicking on the "Add New" button. From there, click on "Select Files" and choose the PDF you want to upload.

Step 2: Create a new WordPress page

Once your PDF is uploaded to your media library, you will need to create a new WordPress page where you want to embed the PDF. To do this, go to "Pages" in your WordPress dashboard and click on "Add New." Give your page a title and add any additional content you would like.

Step 3: Embed the PDF

The next step is to embed the PDF on your WordPress page. To do this, you will need to use a shortcode. Shortcodes are small pieces of code that allow you to embed different types of media on your WordPress site. The shortcode for embedding a PDF looks like this:

[embed]PDF-URL[/embed]

Replace "PDF-URL" with the URL of your PDF file. You can find the URL of your PDF by navigating to the media library, selecting the PDF, and copying the URL from the "File URL" field.

Once you have copied the shortcode into your page, the PDF will appear as an embedded object. Users can click on the embedded PDF to download it.

Step 4: Style the PDF Embed

If you want to change the size or appearance of the embedded PDF, you can do so using CSS. You can add CSS to your WordPress site using a plugin or by adding it to your style.css file in your WordPress theme. Here is an example of CSS that can be used to style your PDF embed:

css .embed-pdf { max-width: 100%; height: auto; }

Add this code to your CSS stylesheet to set the maximum width of your PDF embed to 100% and make sure the height is automatically adjusted.

Conclusion

By following these simple steps, you can embed a PDF on a WordPress page for download. Remember to upload the PDF to your media library, use a shortcode to embed it on a page, and style the PDF embed using CSS as needed. Embedding PDFs on your WordPress site can make it easier for users to access and download your content, which can lead to increased engagement and traffic.