how to add a pdf to squarespace

Adding a PDF to your Squarespace site is simple once you know the steps. First, prepare the file in a clean format, then upload it via the Files manager or directly from the page editor. After that, you can link to or embed the PDF for visitors to view.

Once uploaded, add a link or embed the PDF visitors can view it now!

Prepare Your PDF

Before uploading a PDF to Squarespace, make sure the file is web‑ready. Start by reviewing the layout,removing hidden layers, and ensuring only standard fonts like ArialorTimes New Roman are used. Avoid embedding large custom fonts unlessessential, asthey can bloat the file size and slow page loading.

Compress the PDF using tools such as Adobe Acrobat’s “Save As Optimized PDF” or free services like Smallpdf and ILovePDF. Aim for a final size under 5 MB; larger files can trigger Squarespace’s upload limits. When compressing, keep an eye on image resolution—150 dpi is usually sufficient for web display.

Rename the file with a clear, descriptive title that reflects its content and includes relevant keywords. Avoid spaces and special characters; use hyphens or underscores instead. For example, “2026‑Annual‑Report‑Q3.pdf” is preferable to “Annual Report Q3.pdf”. Consistent naming helps both user navigation and search engine indexing.

Test the PDF in multiple browsers—Chrome, Firefox, Safari—to confirm that links, form fields, and embedded media work correctly before uploading. Also check on mobile devices; some older PDF viewers may not render certain features on iOS or Android. Re‑save in PDF/A‑1b format if compatibility issues arise.

Finally, keep a backup copy of the original source file (Word, InDesign, etc.) so you can make quick updates or re‑export if needed. Once the PDF is fully prepared, you’re ready to upload it to Squarespace and share it with your audience, ensuring a smooth and professional presentation for user engagement.

This guide ensures your PDF is optimized, accessible, and ready for seamless integration across platforms

Upload to Squarespace

Use the Files manager to add the PDF, or drag it into the page editor. After upload, copy the URL from the file details. Then insert a link or embed code on your page. Ensure the file is public and the link is accessible to visitors.The file will appear in site list and can be linked from any page.!

Use the Files Manager to add the PDF

To add a PDF via the Files manager, first log into your Squarespace account and navigate to the Settings panel. From there, select Files and click the Upload button. A file picker will appear; choose the PDF from your local drive. Once the upload completes, the file will appear in the list. Click the Copy URL button to copy the direct link. This URL can be used in a text link or embedded directly into a code block. Ensure the file is set to Public so visitors can access it. If you need to rename the file for clarity, click the Rename option before copying the URL. The Files manager also displays the file size and type, which helps you confirm you uploaded the correct document. After copying the link, you can paste it into any page or blog post. For example, add a Link Block and paste the URL, or use the Code Block to embed the PDF with an iframe. Remember to test the link on a preview to ensure it opens correctly. The Files manager is a convenient way to keep all your PDFs organized in one place, making future edits or replacements straightforward. If you have many PDFs, consider creating a folder within the Files manager to group related documents.

Additionally, you can set custom permissions by clicking the gear icon next to the file name. This opens a dialog where you can choose whether the file is public or private. For private files, you must provide a secure link, which can be generated using Squarespace’s protection. Remember to test the link on both desktop and mobile devices to ensure compatibility!Hello

Squarespace’s page editor lets you upload PDFs directly onto a page. Open the desired page, click “Edit,” then use the “Insert Point” icon to add a “File” block. Drag your PDF into the picker or click “Upload File” to browse. Once uploaded, the file appears as a block where you can choose to display it as a link, button, or embed it. For a link, click the block, select the “Link” icon, paste the PDF URL, and style the text. For a button, choose the “Button” block, set the URL to the PDF, and customize the button. To embed, use a “Code” block and paste an . Adjust height as needed. This keeps the PDF visible without leaving the page. For better accessibility, include an alt text and ensure the iframe has a title attribute now

Insert a Code Block with the embed code from a service like Google Docs or Scribd

To embed a PDF using a third‑party viewer, first upload the file to a service that provides an embeddable link, such as Google Docs or Scribd. For Google Docs, open the PDF in Google Drive, click the three‑dot menu, choose “Publish to the web,” and copy the generated iframe code. For Scribd, upload the document, set the privacy to “Public” or “Unlisted,” then click the “Embed” button to obtain the iframe snippet. Once you have the code, edit the Squarespace page where you want the PDF to appear, add a Code Block from the Insert Point menu, and paste the iframe code into the block. Adjust the width and height attributes to fit your layout; common values are width=”100%” and height=”800px”. Squarespace will render the iframe, allowing visitors to scroll, zoom, and download the PDF directly from the embedded viewer. Remember to test the page on both desktop and mobile to ensure the viewer scales correctly.

For a more polished look, you can wrap the iframe in a div with a class and apply custom CSS in the Site Styles panel or an additional Code Block. For example:

.pdf-wrapper{max-width:800px;margin:auto;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:10px;background:#fff;}
.pdf-wrapper iframe{width:100%;height:1000px;border:none;}

Copy the CSS into the Custom CSS editor, then wrap the iframe like so:

<div class="pdf-wrapper">
<iframe src="YOUR_EMBED_URL" width="100%" height="1000px"></iframe>
</div>

This approach keeps the viewer responsive and adds a subtle shadow for visual separation. If you encounter a “blocked” message, check that the PDF’s sharing settings allow embedding and that the domain is not restricted. Some services require you to enable “Allow embedding” in the document’s settings. Additionally, you can use the allowfullscreen attribute to let users view the PDF in full screen mode. Finally, always keep the PDF file updated on the source platform; any changes will automatically reflect in the embedded viewer without needing to re‑upload to Squarespace.

Accessibility is key: add an aria-label to the iframe, and provide a fallback link for screen readers. For example, place a hidden tag before the iframe that says “Download PDF” and link to the file URL. This ensures users who cannot view the embedded viewer still have access.

<div class="pdf-container">
<iframe src="https://cdn.squarespace.com/files/2026/08/yourfile.pdf" frameborder="0" allowfullscreen></iframe>
</div>