How to Embed a PDF in Squarespace

2 min read

Learn how to embed a PDF in your Squarespace website using code blocks, file links, and third-party viewers. Step-by-step guide.

Squarespace does not have a native PDF embed block, but there are several reliable ways to display a PDF directly on your Squarespace page.

Method 1: Use a Code Block with an Iframe

This is the most common approach. You need a publicly accessible URL for your PDF.

  1. Upload your PDF to a hosting service like Linkyhost to get a direct link
  2. In your Squarespace page editor, add a Code Block
  3. Paste this code:
<iframe src="YOUR_PDF_URL" width="100%" height="600px" style="border: none;"></iframe>
  1. Replace YOUR_PDF_URL with your actual PDF link
  2. Save and publish

Method 2: Use Google Docs Viewer

If you have the PDF hosted somewhere, you can use Google's document viewer:

<iframe src="https://docs.google.com/viewer?url=YOUR_PDF_URL&embedded=true" width="100%" height="600px" style="border: none;"></iframe>

This works well but occasionally loads slowly depending on file size.

Method 3: Link to the PDF

The simplest approach is adding a download link:

  1. Upload the PDF through Squarespace's file manager or use an external host
  2. Add a Button Block or Text Link pointing to the PDF URL
  3. Visitors click to view or download the file

Method 4: Use Linkyhost's PDF Viewer

Upload your PDF to Linkyhost to get a link with a built-in viewer. Then embed that viewer link in an iframe on your Squarespace page. This gives your visitors a clean reading experience without leaving your site.

Tips

  • File size matters — Keep PDFs under 10 MB for fast loading
  • Mobile responsiveness — Test the embed on mobile devices after publishing
  • Accessibility — Add a text link alongside the embed so users can download the file directly

Squarespace's code block approach works on all plan levels, making iframe embeds the most flexible option for displaying PDFs on your site.