How to Embed a PDF in Squarespace
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.
- Upload your PDF to a hosting service like Linkyhost to get a direct link
- In your Squarespace page editor, add a Code Block
- Paste this code:
<iframe src="YOUR_PDF_URL" width="100%" height="600px" style="border: none;"></iframe>
- Replace
YOUR_PDF_URLwith your actual PDF link - 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:
- Upload the PDF through Squarespace's file manager or use an external host
- Add a Button Block or Text Link pointing to the PDF URL
- 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.