PDF Embedder Documentation

Documentation, Reference Materials, and Tutorials for PDF Embedder

Get access to
Powerful Features!

Home » Documentation » Tutorials » Block Editor (Gutenberg) and PDF Embedder

Block Editor (Gutenberg) and PDF Embedder

The PDF Embedder plugin v4.0 for the free and Premium versions work with WordPress v5.0 and the Block Editor (also known as Gutenberg).

Open the Blocks menu and select the PDF Embedder:

Adding PDF Embedder block inside the Block Editor in WordPress

An element will be inserted into the page / post content. Click on the “Media Library” button to navigate to the Media Library where you can select an already uploaded PDF file, or upload a new one:

Default view of the PDF Embedder block in the WordPress Block Editor

After uploading a new file or selecting an existing PDF file, you will see an updated view of the PDF Embedder block:

PDF Embedder block inside the Block Editor when the PDF file was selected

With the block element selected as per screenshot above, you can also customize the specific height, width, toolbar location and behavior from the menu to the right for that particular embed. If this is left blank, the defaults configured in the plugin Settings tab will be used instead.

PDF Embedder block options

The plugin also works with the Classic Editor block with the Add Media button to embed the PDF normally— this is also the best way to insert a thumbnail image and have it linked to the PDF’s attachment page, or use the Shortcode block to copy and paste the PDF’s URL into the shortcode added manually:

[pdf-embedder url="URL-to-pdf"]Code language: JSON / JSON with Comments (json)

Still have questions? We’re here to help!

Last Modified: