Integrate Swiftype search functionality into your Squarespace site by following these straightforward steps:

Prerequisites:

• Your site must be published
• You can only add one Swiftype search field per page

Create Your Swiftype Search Engine:

1. Login to Swiftype and click [Create A New Engine]
2. Enter your website URL and verify it
3. Wait for Swiftype to crawl your site
4. Name your search engine and click [Create Engine]
5. Click [Complete Setup]
6. Select [Install Search]
7. Customize your search field and click [Activate Site Search]
8. Copy both the install code and search field code

Add Swiftype to Squarespace:

1. Add Install Code:

   • Go to Code Injection panel
   • Paste the install code into the Header field
   • Save changes

2. Add Search Field:

   • Navigate to desired page location
   • Insert a Code Block
   • Paste the search field code
   • Save changes

Important Notes:

• Only one search field will function per page
• Custom code modifications are not supported by Squarespace
• Functionality may vary across templates and devices
• Future platform updates might affect custom code

For Additional Support:

• Contact Swiftype directly: [email protected]
• Reference Swiftype's documentation
• Consider hiring a Squarespace Expert for custom implementations

Best Practices:

• Test search functionality across different devices
• Regularly check for any display issues after Squarespace updates
• Keep your original code snippets saved for future reference

Related Articles

Previous Articles