How to Add Swiftype Search to Your Squarespace Website

How to Add Swiftype Search to Your Squarespace Website

By Michael Turner

February 28, 2025 at 10:59 PM

Swiftype search functionality can be added to your public Squarespace site through a simple two-step process. Note that you can only add one Swiftype search field per page.

Get Your Swiftype Install Code:

  1. Log into Swiftype and click "Create new engine"
  2. Enter your site's URL and click "Verify URL"
  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 "Activate Search on the site"
  9. Copy both the install code and search field code

Add Code to Your Squarespace Site:

Step 1: Install Code Integration

  • Open your site's "Code Injection" panel
  • Paste the install code into the Header field
  • Save changes

Step 2: Search Field Placement

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

Important Notes:

  • Your site must be public for Swiftype to function
  • This is a code-based customization without official Squarespace support
  • Functionality may vary across templates and devices
  • For technical assistance, contact Swiftype at [email protected]

For additional help, consider:

  • Reading Swiftype's documentation
  • Visiting the Squarespace Forum
  • Hiring a Squarespace Expert for custom implementation
  • Following best practices for code customization

Related Articles

Previous Articles