How to Add a PDF to Squarespace Pages

Squarespace doesn’t have a dedicated PDF management area. That throws a lot of users off.

Learning how to add PDF to Squarespace takes about 3 minutes once you know where to look.

The file upload feature hides inside the Link Editor, not in an obvious “Files” section.

This guide walks through the exact steps to upload a PDF, generate a download link, and display documents directly on your pages.

You’ll also learn the Google Drive embed method for showing PDFs without forcing visitors to leave your site.

Both approaches work on Squarespace 7.0 and 7.1 templates.

How to Add PDF to Squarespace

Adding a PDF to Squarespace is the process of uploading a document file through the Link Editor and generating a shareable URL for website visitors.

Users need this when sharing menus, brochures, guides, contracts, or downloadable content on their pages.

This guide covers 3 steps requiring 3-5 minutes and beginner-level skills.

Prerequisites

• Squarespace account (version 7.0 or 7.1)
• PDF file under 20 MB
• Web browser (Chrome, Firefox, Safari, or Edge)
• Time estimate: 3-5 minutes
• Skill level: Beginner

Step One: How Do You Access the Link Editor in Squarespace?

The Link Editor is Squarespace’s file management tool that opens when attaching links to buttons, text, images, or navigation items.

Access it through any linkable element on your page to upload and manage PDF files directly.

Action

1. Pages panel: Click Pages in the left sidebar of your Squarespace dashboard
2. Select page: Open the page where you want the PDF link
3. Add element: Insert a Button Block or highlight text
4. Open Link Editor: Click the link icon or “Attach Link” button

Purpose

The Link Editor serves as the entry point for all file uploads in Squarespace.

Without accessing it first, you cannot upload or host PDF documents on your website.

Step Two: Where Do You Upload Your PDF File?

Upload your PDF through the Link Editor by switching the link type to “File” and selecting your document from your computer.

Squarespace accepts PDF files up to 20 MB in size.

Action

1. Link type dropdown: Click the dropdown menu and select “File”
2. Upload button: Click “Upload File” and choose your PDF
3. Confirmation: Wait for the filename to appear below the upload area
4. Select file: Check the box next to your uploaded PDF

Purpose

Selecting “File” as the link type tells Squarespace to store your document in its file hosting system rather than linking externally.

This keeps your downloadable content hosted on your own domain.

Step Three: How Do You Get the PDF URL After Upload?

After uploading, Squarespace generates a unique file URL starting with /s/ followed by your filename.

Copy this URL to link the PDF anywhere on your site or share it externally.

Action

1. URL display: Look for the generated link in the Link Editor (format: /s/filename.pdf)
2. Internal use: Use /s/filename.pdf for buttons and text links within Squarespace
3. External use: Add your domain prefix (https://yourdomain.com/s/filename.pdf)
4. Save: Click Save to confirm your link attachment

Purpose

The /s/ URL format is Squarespace’s standard path for hosted files.

Having both internal and external URL versions lets you share PDFs through email, social media, or embed them on other platforms.

Step Four: How Do You Link the PDF to a Button or Text?

After obtaining the file URL, attach it to any clickable element on your Squarespace page to create a download link for visitors.

Buttons, text hyperlinks, and images all work as PDF link carriers.

Action

1. Button Block: Add Block > Button > Attach Link > paste /s/filename.pdf
2. Text link: Highlight text > click link icon > paste the PDF URL
3. New tab option: Enable “Open in new tab” for external viewing
4. Save: Click Apply, then Save the page

Purpose

Linking the PDF to visible elements gives visitors a clear path to access your document.

Without this step, your uploaded file exists but remains hidden from users.

Alternative Method: How Do You Embed a PDF Using Google Drive?

Direct upload method: 3 minutes, simple, opens PDF in new browser tab.

Google Drive embed: 5 minutes, displays PDF directly on page using iframe code.

Choose Google Drive when you want visitors to view documents without leaving your site.

How Do You Upload the PDF to Google Drive?

1. Go to drive.google.com and sign in
2. Click New > File Upload > select your PDF
3. Right-click the uploaded file > Share > General Access
4. Change to “Anyone with the link” > Viewer > Done

How Do You Get the Google Drive Embed Code?

1. Right-click your PDF in Google Drive
2. Select Open with > Google Docs Viewer (or double-click to preview)
3. Click the three-dot menu > Embed item
4. Copy the HTML iframe code provided

Where Do You Paste the Embed Code in Squarespace?

1. Page Editor: Open the page where you want the embedded PDF
2. Add Block: Click insert point (+) > Code
3. HTML mode: Set the dropdown to “HTML” (not Markdown)
4. Paste and save: Insert the iframe code, click Save

For responsive design, change the width value to 100% in the embed code.

Verification

Test your PDF setup before publishing to ensure visitors can access the document correctly.

Testing Checklist

• Download links: Click button/text link; PDF should open or download
• Embedded display: Scroll through pages in the iframe viewer
• Mobile check: Test on phone; embedded PDFs should scale properly
• Incognito test: Open in private browser to verify public access

Troubleshooting

Issue: PDF Not Appearing After Embed

Solution: Open the Code Block, verify dropdown is set to “HTML” not “Markdown” or “Plain Text.”

Check that the full iframe code was pasted without truncation.

Issue: File Too Large to Upload

Solution: Squarespace limits files to 20 MB.

Compress your PDF using Smallpdf or Adobe Acrobat, or host on Google Drive and embed instead.

Issue: Google Drive Embed Not Loading

Solution: Verify sharing settings are “Anyone with the link” with Viewer access.

Private files will not display in the iframe.

Issue: PDF Opens But Looks Broken on Mobile

Solution: Edit the embed code width from fixed pixels to width=”100%”.

This makes the document viewer adapt to different screen sizes.

Related Processes

• Learn how to change button color in Squarespace for styled download buttons
• See how to create a landing page on Squarespace for dedicated PDF download pages
• Check how to add PDF to Wix for comparison with other website builders

FAQ on How To Add PDF To Squarespace

Can You Upload a PDF Directly to Squarespace?

Yes. Squarespace accepts PDF uploads through the Link Editor.

Access it by adding a button or text link, switch the link type to “File,” and upload your document. The platform stores files up to 20 MB.

Where Does Squarespace Store Uploaded PDF Files?

Squarespace stores PDFs in its internal file hosting system. Each uploaded file gets a unique URL starting with /s/ followed by the filename.

There’s no separate file manager; files live within the Link Editor.

What Is the Maximum PDF File Size for Squarespace?

The file upload limit is 20 MB per document.

Larger files need compression through tools like Smallpdf or Adobe Acrobat. Alternatively, host oversized PDFs on Google Drive and embed them instead.

How Do You Embed a PDF to Display on a Squarespace Page?

Upload your PDF to Google Drive, set sharing to “Anyone with the link,” then copy the iframe embed code.

Paste this code into a Code Block set to HTML mode on your Squarespace page.

Can Visitors View PDFs Without Downloading Them?

Yes, using the Google Drive embed method. The iframe creates a document viewer directly on your page.

Visitors scroll through pages without downloading or leaving your website.

Why Is My Embedded PDF Not Showing on Squarespace?

Check two things: the Code Block must be set to “HTML” mode, not Markdown.

Also verify your Google Drive sharing settings allow public access with “Anyone with the link” permission.

How Do You Create a PDF Download Button in Squarespace?

Add a Button Block to your page. Click “Attach Link,” select “File” from the dropdown, and upload your PDF.

The button text becomes your call-to-action for downloads.

Can You Add Multiple PDFs to One Squarespace Page?

Yes. Add separate buttons, text links, or embed blocks for each document.

There’s no limit on how many PDFs you can link or embed on a single page.

Do PDFs on Squarespace Work on Mobile Devices?

Download links work on all devices. Embedded PDFs need width=”100%” in the iframe code for proper mobile-first design scaling.

Test on your phone before publishing.

Can Google Index PDF Files Hosted on Squarespace?

Yes. Search engines crawl and index PDF content like regular web pages.

Use descriptive filenames with relevant keywords. The PDF may appear in search results if it matches user queries.

Conclusion

You now know how to add PDF to Squarespace using both the native upload method and the iframe embed approach.

The native method works best for simple download links on buttons or text. The embed method suits menus, catalogs, and documents visitors need to read on-page.

Keep your file size under 20 MB. Use a Code Block set to HTML mode for embeds. Always test on mobile before publishing.

Third-party tools like Issuu and FlippingBook offer flipbook-style displays if you want something fancier than the standard document viewer.

Pick the method that matches how your visitors will use the content. Download for takeaway documents. Embed for on-site reading.