#
Swiftype
Create custom search experiences to drive sales and conversions.
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
- Preexisting website.
#
Installation
Go to Swiftype and login to your account. If you don't have one, create a new account.
Click Create Engine.
Add your website URL or a path.
Click Verify URL.
- Name your Engine something descriptive and select a Language.
- Click Create Engine.
Click Complete Setup.
Look for Setup and integration at the bottom of the page and click on Install Search.
- Copy the code snippet provided.
- Paste the code between the
<body>
HTML tags on every page of your website that you would like Swiftype's embedded options to appear.
- Copy the code snippet provided.
Go to Google Tag Manager and log in.
Select the container for the website where you want to add Swiftype.
Click on "Tags" in the left sidebar.
Then, click the New button to create a new tag.
Name your tag something descriptive, like "Swiftype Search Integration".
Choose Tag Configuration and select Custom HTML.
Paste the Swiftype snippet.
Click on "Triggering". Select All Pages if you want the search script to be available on every page of your website.
Note:
Alternatively, you can choose a specific trigger, like only firing on a particular page (e.g., a search results page).
Click Save.
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.
- Click Publish.
Go to the HTML where you have your search form.
On the input field, add the following class:
st-default-search-input
.
<form>
<input type="text" class="st-default-search-input" />
</form>