Embed PDFs

Use an iframe to place a hosted PDF viewer inside another website.

Basic embed

Replace pdf_xxxxxxxxxxxx with your document slug.

<iframe
  src="https://pdfhost.se/d/pdf_xxxxxxxxxxxx"
  width="100%"
  height="700"
  style="border:0;"
  allowfullscreen></iframe>

Responsive embed

<div style="position:relative;width:100%;height:0;padding-bottom:75%;">
  <iframe
    src="https://pdfhost.se/d/pdf_xxxxxxxxxxxx"
    style="position:absolute;inset:0;width:100%;height:100%;border:0;">
  </iframe>
</div>

Best practice

Use a height of at least 600px on desktop and test mobile pages so the viewer does not crowd your content.