Squarespace Search Bar Not Working

Search Bar Not Appearing

Search Not Added to the Site

Squarespace does not display a search bar by default - you need to add it. On 7.1, the search icon can be enabled in header settings (click the header > open settings > enable search icon). Alternatively, add a Search Block to any page. On 7.0, the search option depends on your template - some templates include a search icon in the header by default, others require manual addition.

Custom CSS Hiding the Search

If the search was previously visible but disappeared, check Design > Custom CSS for rules that target search elements with display: none or visibility: hidden. Search selectors include .header-search, .search-input, and .sqs-search-page depending on your template. Remove or comment out any rules that hide search elements. For CSS debugging, our guide to Squarespace custom CSS covers finding and fixing hidden elements.

Header Search Icon Not Showing

On 7.1, the search icon in the header must be explicitly enabled. Click the header area, open header settings, and look for the search toggle. If it is off, enable it. If the toggle is not available, your header layout may not support the search icon - try a different header layout that includes it. For header configuration, our guide to editing the navigation bar covers header element visibility.

Search Returns No Results or Wrong Results

Content Not Indexed

Squarespace's search indexes pages, blog posts, products, and events that are published and publicly accessible. Password-protected pages, draft content, and content in Not Linked pages may not appear in search results. Verify the content you are searching for is published and not password-protected.

Search Index Not Updated

After publishing new content, the search index may take some time to update. If recently published content does not appear in search results, wait a few hours for the index to refresh. There is no manual re-index button - Squarespace updates the search index automatically.

Content in Code Blocks Not Indexed

Text inside Code Blocks may not be indexed by Squarespace's search. If important content is in Code Blocks (custom HTML), it may not appear in search results. Move searchable content to native Text Blocks where possible. For content structure, our guide to customizing your Squarespace website covers content organization.

Search Bar Not Responding to Input

JavaScript Conflict

Custom scripts in Code Injection can interfere with the search bar's functionality. If the search input does not respond to typing or the search button does not trigger results, check the browser console for JavaScript errors. Temporarily remove Code Injection scripts and test. For script troubleshooting, our guide to custom code injection on Squarespace covers conflict diagnosis.

Browser Extension Interference

Ad blockers and privacy extensions can block the JavaScript that powers the search functionality. Test in an incognito window (which disables extensions). If the search works in incognito, an extension is the cause.

AJAX Navigation Issue

If the search bar works on the first page load but stops working after navigating to another page, Squarespace's AJAX page transitions may not be re-initializing the search JavaScript. This is uncommon with the native Search Block but can happen if you are using a custom search implementation. For AJAX issues, our guide to Squarespace JavaScript not working covers AJAX-compatible patterns.

Search on Mobile Not Working

If the search works on desktop but not mobile, check Custom CSS for rules that hide or reposition search elements at mobile breakpoints. Verify the search input field is large enough to tap on mobile (at least 44px height). Test on an actual phone - the Squarespace mobile preview does not always accurately represent search behavior. For mobile fixes, our guide to Squarespace mobile optimization covers responsive element troubleshooting.

Improving Squarespace Search

Use descriptive page titles and headings. Squarespace search weights page titles and headings heavily. Clear, keyword-rich titles make content easier to find.

Add a dedicated search page. Create a page with a Search Block as the primary content. Add it to your navigation as "Search" so visitors can always find it.

Use tags and categories on blog posts. Tags and categories help Squarespace's search return relevant blog content. Tag consistently using terms your visitors would search for.

Consider third-party search. If Squarespace's built-in search does not meet your needs (no autocomplete, no filtering, no search analytics), third-party search tools like Algolia or SearchIQ can be embedded via Code Blocks for a more advanced search experience. For design placement, our Squarespace design tips guide covers search bar positioning and visibility. For SEO, our Squarespace SEO guide covers content discoverability.

Troubleshooting Process

1. Verify search is added. Is a Search Block or header search icon enabled?

2. Test in incognito. Rule out extensions and caching.

3. Check Custom CSS. Look for rules hiding search elements.

4. Check the console. JavaScript errors preventing search functionality.

5. Test the search query. Search for content you know exists - is it published and public?

6. Wait for indexing. Recently published content may not be indexed yet.

Make Search Work for Your Visitors

A working search bar helps visitors find content quickly - especially on sites with extensive blogs, product catalogs, or resource libraries. Enable it in your header, verify it returns relevant results, and test on both desktop and mobile.

If the built-in search does not appear or does not work, the fix is almost always a missing configuration, a CSS rule hiding it, or a script conflict. Check each one systematically and your search will be functional in minutes.