Skip to content
  • There are no suggestions because the search field is empty.

Embedding a PDF in a Blog Post

How to upload and embed a PDF in a blog post using FMG-hosted links

To keep your websites secure, PDFs embedded in blog posts must be hosted on FMG's infrastructure. If you try to embed a PDF using a third-party iframe (a PDF hosted outside of FMG), or have done so previously, it will stop rendering once the blog post is edited and saved. For the PDF iframe embed to work, the PDF must be uploaded as an attachment so it's hosted by FMG, then embedded using the steps below.

Example of what you may see if you attempt to embed a third-party PDF iframe:
ExampleErrorStatePDFEmbedBlogs

How to Attach a PDF to a Blog Post

  1. Navigate to the blog post where you want to add your PDF, or create a new one.
  2. Click the spot in the body where you'd like the PDF link to appear, then click the paperclip (Insert Attachment) icon in the editor toolbar.
  3. In the "Upload an attachment" modal that opens, add the following:
    • Title: Enter the text you want to appear as the link to the PDF.
    • Upload File: Click "Upload File" to select and upload the PDF from your computer.
  4. Click Save in the modal.
  5. Click Save Draft to save your changes before publishing.
  6. Now, follow the steps below to embed the PDF into your blog post. 

How to Embed a PDF in a Blog Post

After completing the steps above to upload your PDF, you can embed it as an inline iframe in your blog post. Follow these steps:

  1. Follow the steps above to upload a PDF to your blog post, then click on the PDF link in the editor. This will highlight the URL link icon.

  2. Click the chain link icon and copy the URL. This is your FMG-hosted PDF URL.

  3. Now, click the Source code (<>) icon in the editor toolbar.

  4. In the source code editor, paste an iframe using your copied URL.

    • Example iframe: Use the iframe below and replace [your-copied-URL-here] with your URL, then add it to the source code:

      <p><iframe src="[your-copied-URL-here]" width="100%" height="600"></iframe></p>

       

  5. Click Save to close the source code editor. The embedded PDF will appear in the preview post.

  6. Click Save Draft to review your changes, then Publish when ready.