Step 1. Adding the Details block

You can create an accordion or dropdown feature with content that your viewer can open and close. Putting a PDF in a Details blocks allows you to include the transcript while keeping the page from looking cluttered. You can also control whether the transcript is open or closed when a visitor first looks at your page.

To add the details block

1. Navigate to your WordPress post or page.
2. Use the Add Block icon to open the block inserter and search for Details to add the Details block.
   
3. The details block will be added to your post.
4. Enter the title of your transcript in the field that says: “Write summary.”

You can find more information on configuring the Details block at Details Block on WordPress.org.

Step 2. Adding the Embed PDF.js Viewer block

1. Open the Details block that you added in Step 1.
2. Open the block inserter icon using the black plus icon.
3. Search for PDF, then choose Embed PDF.js Viewer.
   
4. The PDF.js Embed block will be added to the editor under the details block.
   • If you find that the PDF wasn’t added under the details block, you can open the document overview in the top left of the page and drag the PDF block into the details block.

Adding your PDF

Once you have the Embed PDF.js Viewer block added, you can add your PDF.

1. Select the Choose PDF button in the top corner of the block
   
2. When the Select or Upload Media box opens, drag and drop your PDF into the window or choose Select File to upload your PDF.
3. 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

1. Choose the Preview icon (the laptop next to publish).
   
2. Choose Preview in new tab to open a new window.
   
3. Your PDF should be visible in the new window.