3 easy steps to embed a PDF on your site – WolfsPress

Would you like to provide your readers with a PDF file and include the download link in your post? I’ll show you how to proceed step by step to embed a PDF or other document.

1. PDF to the media library

I’m using a PDF from me for the visualization here, you don’t need to download or view it. πŸ˜‰

Like images, PDF files can be uploaded to the media library. Either directly under Media in the backend on “Add file”, in the “Media overview” or there under “Add file”.

Upload Mediathel file

In all three cases, the quickest way is to drag and drop the desired file directly from your file manager into the WordPress media library.

Media library DragAndDrop

Adjust media size

If your system does not want to upload a corresponding file to the media library because of its size, it makes sense to first reduce the size of the media file. In the case of an image, by adjusting the image size and compression rate. This works in a similar way for PDF, since the images are usually embedded too large. If you have created the PDF yourself, you can simply integrate already reduced images. However, if you include a PDF that you did not create, then either Acrobat or another tool will help. With Acrobat, however, this option is not available in the free version.

Change download limit

If the system still refuses to load the file because of its size, then the download limit needs to be increased. An easy way is the plugin “Increase Max Upload Filesizeβ€œ (link). Or of course there are other ways without a plugin, you can find them at wpbeginner (link to the article).

Note: If you are unable to upload your file format, it may be due to WordPress limitations. The ePub format, for example, is typical and cannot normally be uploaded. The plugin “Mime Types Extendedβ€œ (link). There you can easily switch on the file formats via a menu.

Mime Types Extended

2. Copy link

If the upload is successful, you can copy the link to the PDF file. In the media library go to the PDF document and on the page with the file attachment details you will find the link under URL. You click in and mark the entire link (preferably with +) and copy it (preferably with +).

Media Library URL Media

3. Include the PDF link in the WordPress post

link as text

Now write a link text, mark it and click on the chain link in the visual editor of your post or page.

Insert link text

Copy the link there and tick the β€œOpen link in a new tab” box so that your reader does not leave your page because of this.

Insert link link box

Example PDF

Image (cover) as link

Save the cover of the PDF as an image (JPG) and use this as the starting point for the link. When inserting the image from the media library, you can specify where the reader is directed to when they click on the image:

Paste link to URL

Example PDF:

Embed WordPress PDF with cover

button as a link

To display the whole thing as a button, there are either plugins or your theme already provides a shortcode for a button. I use Divi as a theme, which can insert such buttons directly in the editor. It looks like this, for example:

Example PDF

If your theme doesn’t have something like that, you can use the plugin “MaxButtonsβ€œ (Link), I use this on a page. There are a lot of such plugins. What I often read is the plugin β€œShortcode Ultimateβ€œ (Link), which brings many more extensions besides buttons.

4. Plugin Solutions – PDF Viewer

PDF embedder

Update July 2018: In the meantime I had to use a PDF viewer again. Here I have now decided for the current plugin PDF Embedder. It simply does its job when embedding a PDF in the text – you don’t have to do anything else. And you can already leaf through the PDF. We recommend:

Feedback wanted!

If something is unclear to you or you have a question about the application – please write me a comment!

Previous post WordPress & Word: import and export blog posts [Anzeige]
Next post Self-employed on the web – tips on self-employment, starting a business & earning money