Installation and use of Swiftype for search in Squarespace

Installation and use of Swiftype for search in Squarespace

By Michael Chen

February 28, 2025 at 09:44 PM

Using Swiftype search requires your site to be public and allows one search field per page. Here's how to set it up:

Create a Swiftype Search Engine:

  1. Log into Swiftype and click "Create New Engine"
  2. Enter your website URL and click "Verify URL"
  3. Wait for Swiftype to crawl your site
  4. Name your search engine and click "Create Engine"
  5. Click "Complete Setup" then "Install Search"
  6. Customize your search field
  7. Click "Enable Site Search"
  8. Copy both the installation code and search field code

Add Code to Squarespace:

Step 1 - Add Installation Code:

  • Go to Code Injection
  • Paste installation code into Header field
  • Save changes

Step 2 - Add Search Field:

  • Add a Code Block where you want the search to appear
  • Paste the search field code into the block

Important Notes:

  • Only one search field works per page
  • This is a third-party integration not supported by Squarespace support
  • May require adjustments for mobile responsiveness
  • Could be affected by future platform updates

For technical assistance, contact Swiftype directly at [email protected] or consult their documentation.

For customization help, consider:

  • Reviewing code customization best practices
  • Visiting the Squarespace forum
  • Hiring a Squarespace specialist

Related Articles

Previous Articles