search mobile facets autocomplete spellcheck crawler rankings weights synonyms analytics engage api customize documentation install setup technology content domains user history info home business cart chart contact email activate analyticsalt analytics autocomplete cart contact content crawling custom documentation domains email engage faceted history info install mobile person querybuilder search setup spellcheck synonyms weights engage_search_term engage_related_content engage_next_results engage_personalized_results engage_recent_results success add arrow-down arrow-left arrow-right arrow-up caret-down caret-left caret-right caret-up check close content conversions-small conversions details edit grid help small-info error live magento minus move photo pin plus preview refresh search settings small-home stat subtract text trash unpin wordpress x alert case_deflection advanced-permissions keyword-detection predictive-ai sso
Site Search Documentation / tutorials: Using Swiftype with WebStarts
Using Swiftype with WebStarts

tutorials

How to add Swiftype to a WebStarts Website

WebStarts is an easy to use on-line tool for building a custom website. To install a speedy Swiftype search box to your site, follow these steps.

Note that a WebStarts Pro account is required for the required HTML Access feature.

Quick Installation

The easiest way to install Swiftype is to create a new Search page that is in your main navigation and put Swiftype on that page.

Step 1: Create a Swiftype Account

You can create a Swiftype account for free, and you will use this account to control your search engine once it is installed.

Step 2: Create a Search Engine for your website

To create your search engine, from the main Swiftype dashboard click the Create Search Engine button in the upper right corner.

Create Search Engine

Next, click the Web Crawler button, and from here enter the URL of your WebStarts website. Once your site passes the validation check you'll be able to give your engine a name.

Create Search Engine

Our system will crawl your website and create the search engine in real-time, showing you our progress along the way.

Step 3: Add a new page to your WebStarts site

While Swiftype is indexing your website, go to your WebStarts site editor and create a new page ("Search" is a good name for this page). The page will be automatically added to your navigation menu so your visitors can find it everywhere on your site.

Create Search Page

Step 4: Copy the Installation Code

Next, head back to your Swiftype dashboard and click the Install button.

Install Snippet

Then copy and paste the code found under the first 'Overlay' option.

Step 5: Edit your "Search" page in WebStarts

Now it's time to insert an HTML object into your site. Within the WebStarts site editor, click on the "Insert" menu option. Then select "Insert HTML".

Insert HTML

Now paste your Swiftype install code into the WebStarts HTML pop-up window.

Insert HTML

From here, click "Ok", move your HTML search object into position, click "Save and Publish", and you're done!

Your search engine won't work within the page editor mode, so you'll want to click the View Site button to see it in action. Also, make sure that you update the page settings of each page in your WebStarts site to add custom page titles.