Installing AddSearch on Squarespace Website (Archive)

Warning: This article describes configuration for legacy ready-made views. Those views have been replaced with modern, easy-to-configure analogues and we strongly recommend using them instead.
See the version of the article for newest views.

AddSearch can be installed on Squarespace sites using our basic installation method for readymade views. If you would like to create a dedicated search page on your Squarespace site, we recommend using the Separate Results Page view. Information on how to implement the Search Result Page view on your Squarespace site can be found in this article. Other implementation options can be found in the Basic Installation guide. You can find additional settings for the Separate Results Page view here.

For advanced Squarespace users seeking a more customized implementation, it is possible to install AddSearch with the Squarespace Developer Platform.

Search Result Page installation on Squarespace

While it’s not possible to add a search field to the Squarespace navigation, a dedicated search page can be added as a navigation link. To read more about how to do this, visit the Squarespace help guide.

Note: Squarespace reserves the /search path for its built-in search feature.

To create a dedicated search page, click the + icon in the Primary Navigation section of your Squarespace dashboard and create a blank page. On this page, add a Code Block to the Content Area.

From here, you can add the Results page code:

<!-- Input field for a search term --> 
<input type="text" class="addsearch" placeholder="Search.." /> 

<!-- Search results will be rendered to this div --> 
<div id="addsearch-results"></div> 

<!-- Script must be below search field and addsearch-results div --> 
<script src="https://addsearch.com/js/?key=####&type=resultpage"></script>

Replace the #### placeholder in the code snippet with your sitekey and press Apply.

For more installation options, visit our Basic Installation guide.

Note: While in editing mode, Squarespace will disable the script, but you can preview it in safe mode. You can see it in action by logging out or visiting your site in another or incognito browser.