You can embed a PDF directly in a WordPress post or page, allowing a viewer to look at a Zine, magazine, or other document, like a scan of historical letter. To embed a PDF, you’ll need to use the Embed PDF.js viewer block. If you can’t find the Embed PDF.js Viewer block in the block inserter, reach out to us for help.
Adding the Embed PDF.js Viewer block
- Open the page or post where you’d like to add your PDF
- Open the Block inserter by selecting the Block Inserter button
- Search for PDF, then choose Embed PDF.js Viewer
- The PDF.js Embed block will be added to the editor
Adding your PDF
Once you have the Embed PDF.js Viewer block added, you can add your PDF.
- Select the Choose PDF button in the top corner of the block
- When the Select or Upload Media box opens, drag and drop your PDF into the window or choose Select File to upload your PDF.
- After your PDF has finished uploading, make sure the checkbox in the upper right corner is selected and then choose the Select button in the lower right corner.
Success! Your PDF is now embedded in your post, but you’ll need to preview your page to look at it.
How to Preview your PDF
- Choose the Preview icon (the laptop next to publish).
- Choose Preview in new tab to open a new window.
- Your PDF should be visible in the new window.
Adding a transcript using the Details block
You can include a transcript of your zine using the Details block, which allows you to create an accordion or dropdown feature with content that your viewer can open and close. You can also control whether the transcript is open or closed when a visitor first looks at your page.
To add the details block
- Navigate to your WordPress post or page.
- Use the Add Block icon to open the block inserter and search for Details to add the Details block.
- The details block will be added to your post.
You can find more information on configuring the Details block at Details Block on WordPress.org.