How to Add a PDF Search Widget to Your Squarespace Website

Squarespace makes beautiful websites. What it does not do natively is give your visitors a way to search through your PDF documents.

If your website has a Resources, Documents, or Client Forms page, your visitors are currently scrolling through a list of links hoping to find what they need. When they do not find it, they close the tab and either call your office or email your team.

This guide shows you how to add a real, searchable PDF library to any Squarespace website in about five minutes using Sparks Simple. No developer. No Squarespace extensions. No complex setup.

Why Squarespace Does Not Have Built-In PDF Search

Squarespace is excellent at what it is designed to do: clean, professional website design with reliable hosting and an easy editing experience. It is not a document management system. The platform lets you link to PDFs and display them inline, but it has no way to search inside those files or return results dynamically.

The solution is to use an embeddable widget from a service designed specifically for this purpose and drop it into your Squarespace page using the Code Block — available on all paid Squarespace plans.

What You Need Before You Start

• A Squarespace website on any paid plan
• Your PDF documents ready to upload
• A Sparks Simple account — free 15-day trial at sparkssimple.com

Step-by-Step: Adding PDF Search to Squarespace

Step 1: Create your Sparks Simple account

Go to sparkssimple.com and create your account. The 15-day free trial requires no credit card.

Step 2: Upload your PDF documents

From the dashboard, upload your PDFs. Sparks Simple indexes each document when you upload it — it reads the text content inside the file so searches return results based on what is actually written in the document, not just the filename. A few tips: use descriptive names, include the document type, and remove old versions before uploading new ones to avoid clients finding outdated files.

Step 3: Copy your embed code

Once your documents are uploaded, go to the Embed section of your dashboard. Copy the widget embed code — it looks like this:

<script src="https://cdn.sparkssimple.com/widget.js" data-widget="your-widget-id"></script>

Step 4: Add a Code Block to your Squarespace page

Open the Squarespace editor and navigate to your Resources or Documents page.

1. Click the + button to add a new content block
2. Scroll down and select Code
3. Paste your Sparks Simple embed code into the editor
4. Make sure the dropdown is set to HTML (not CSS or Javascript)
5. Make sure Display Source is unchecked
6. Click Apply

You will see a gray placeholder box in the editor — this is completely normal. Squarespace does not render third-party scripts in edit mode for security reasons. Your widget is there, it just will not display until you preview or publish.

Step 5: Preview and test

Click Preview or open the published page in a new browser tab. Type a word from one of your documents into the search box. Results should appear in real time as you type. Test a few searches: a document name, a phrase from inside a PDF, and a topic clients commonly ask about.

Step 6: Publish

Click Save and then Publish. The widget is now live for visitors.

Common Squarespace Questions

The widget shows a gray box in the editor. Is that normal?
Yes. Squarespace does not execute third-party scripts in the editor. Preview the page in a new tab to see the widget working correctly.

Will this slow down my Squarespace site?
No meaningful impact. The widget script loads asynchronously and does not block your page from loading.

Can I put the widget on multiple pages?
Yes. Use the same embed code on multiple pages, or create separate widgets in your Sparks Simple dashboard and embed each one independently.

Does it work on Squarespace 7.0 and 7.1?
Yes. The Code Block is available on both versions with nearly identical steps.

My template uses a sidebar layout. Where should I place the widget?
At the top of the main content area, above any existing document links. Clients arriving on the page should see the search box immediately without scrolling.

Who This Works Best For on Squarespace

Squarespace is popular with professional services firms — law firms, HR consultants, accounting practices, financial advisors — because it produces polished results without requiring a developer. These are also exactly the types of businesses with the most to gain from making their documents searchable.

If your Squarespace site has a page where clients go to find PDFs and you are still getting calls asking where things are, this setup solves that permanently.

Start your free 15-day trial — no credit card required →