How to Add Swiftype Search to Your Squarespace Website: Step-by-Step Guide

How to Add Swiftype Search to Your Squarespace Website: Step-by-Step Guide

By Michael Turner

February 28, 2025 at 09:43 PM

Swiftype enables powerful search functionality for your Squarespace website by following these simple steps:

Prerequisites

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

Set Up Swiftype

  1. Create a search engine:
  • Log into Swiftype and click "Create a new engine"
  • Enter your website URL and verify it
  • Wait for site scanning to complete
  • Name your search engine and click "Create engine"
  • Click "Complete setup"
  1. Get the installation code:
  • Click "Install Search"
  • Customize the search field appearance
  • Click "Activate Search on the site"
  • Copy both the install code and search field code

Add to Squarespace

  1. Add install code:
  • Go to Code Injection in Squarespace settings
  • Paste the install code in the Header field
  • Save changes
  1. Add search field:
  • Navigate to desired page
  • Add a Code Block
  • Paste the search field code

Important Notes

  • This customization is not officially supported by Squarespace
  • Code may need adjustments for mobile responsiveness
  • Future platform updates might affect functionality

Additional Resources

For optimal results, test the search functionality across different devices and browsers after implementation.

Related Articles

Previous Articles