#

Swiftype Logo

Swiftype

Create custom search experiences to drive sales and conversions.

SIGN UP

Fast, relevant and powerful search experience for your website or custom application — without the learning curve. Sell more and get the right answers to more people on your platform.

# Prerequisites

# Installation

  1. Go to Swiftype and login to your account. If you don't have one, create a new account.

  2. Click Create Engine.

  3. Add your website URL or a path.

  4. Click Verify URL.

Swiftype create engine

  1. Name your Engine something descriptive and select a Language.

Swiftype name engine

  1. Click Create Engine.

Swiftype success message

  1. Click Complete Setup.

  2. Look for Setup and integration at the bottom of the page and click on Install Search.

Swiftype Install Search

  1. Copy the code snippet provided.

Swiftype code snippet

  1. Paste the code between the <body> HTML tags on every page of your website that you would like Swiftype's embedded options to appear.
  1. Copy the code snippet provided.

Swiftype code snippet

  1. Go to Google Tag Manager and log in.

  2. Select the container for the website where you want to add Swiftype.

  3. Click on "Tags" in the left sidebar.

  4. Then, click the New button to create a new tag.

Google Tag Manager New Tag

  1. Name your tag something descriptive, like "Swiftype Search Integration".

  2. Choose Tag Configuration and select Custom HTML.

  3. Paste the Swiftype snippet.

  4. Click on "Triggering". Select All Pages if you want the search script to be available on every page of your website.

Google Tag Manager All Pages Trigger

  1. Click Save.

  2. Use the "Preview" mode in Google Tag Manager to check if the tags are firing correctly, or use the Google Tag Assistant extension in your browser to verify the installation.

Google Tag Manager Preview

  1. Click Publish.
  1. Go to the HTML where you have your search form.

  2. On the input field, add the following class: st-default-search-input.

<form>
  <input type="text" class="st-default-search-input" />
</form>