Swiftype offers powerful search functionality for Squarespace websites. Here's how to implement it:

Prerequisites

• Your site must be public
• Only one Swiftype search field can be added per page

Setting Up Swiftype

1. Create a Search Engine:

• Log into Swiftype
• Click "Create a new engine"
• Enter your website URL and verify
• Wait for site scanning to complete
• Name your engine and click "Create engine"
• Select "Complete setup"

2. Get the Installation Code:

• Click "Install Search"
• Customize your search field settings
• Click "Activate Search on site"
• Copy both the install code and search field code

Adding Code to Squarespace

1. Install Code Setup:

• Navigate to Code Injection in Squarespace settings
• Paste the install code into the Header field
• Save changes

2. Search Field Implementation:

• Go to desired page
• Add a Code Block where you want the search to appear
• Paste the search field code
• Save changes

Important Notes:

• Custom code modifications are not supported by Squarespace support
• Code may need adjustments for mobile responsiveness
• Future platform updates might affect functionality

Additional Resources:

• Swiftype support: [email protected]
• Squarespace custom code best practices
• Squarespace Forum for developer discussions
• Consider hiring a Squarespace Expert for complex implementations

For optimal search performance, regularly update your Swiftype index and test functionality across different devices and browsers.

Related Articles

Previous Articles