To add Swiftype search to your Squarespace site, follow these two main steps:

Prerequisites:

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

Step 1: Get Swiftype Installation Code

1. Log in to Swiftype and click "Create a new engine"
2. Enter your website URL and verify it
3. Wait for site crawling to complete
4. Name your search engine and click "Create engine"
5. Click "Complete setup"
6. Select "Install search"
7. Customize your search field
8. Click "Enable site search"
9. Copy both the installation code and search field code

Step 2: Add Code to Squarespace

1. Add Installation Code:

   • Go to Site Settings > Advanced > Code Injection
   • Paste the installation code into the Header field
   • Click Save

2. Add Search Field:

   • Navigate to the page where you want the search
   • Add a Code Block
   • Paste the search field code
   • Save your changes

Important Notes:

• Code customization falls outside Squarespace's technical support scope
• Functionality across templates and devices isn't guaranteed
• Updates to Squarespace may affect custom code performance

For Additional Help:

• Review Squarespace's code customization guidelines
• Contact Swiftype support at [email protected]
• Consider hiring a Squarespace Expert for custom implementations

Related Articles

Previous Articles