Skip to main content

Lightspeed Integration

Set up a sophisticated search for your Lightspeed shop without writing code. The Lightspeed plugin gets your search running in minutes.

Setup takes four steps:

  1. Install the plugin
  2. Connect Site Search 360 to a search bar
  3. Configure the look and feel
  4. Activate the search on your site

To fine-tune your search after setup, see Configure Your Lightspeed Search and Customize Your Lightspeed Search Design.

Install the plugin​

Add the plugin to your Lightspeed site. Search for "Site Search 360" in Lightspeed's App Store (left side panel, under Apps -> App Store), or go directly to the plugin's page in the store.

Open the plugin and select Install App in the top right corner. This redirects you to your project's Control Panel:

SS360 Control Panel

You're logged in automatically. The password is sent to the email address of your Lightspeed store owner — you can change it at any time under Account -> My Profile.

Once installed, open the Control Panel from the plugin's page in the App Store, or from the "Purchased Apps" section of the left side panel menu:

Lightspeed App StoreLightspeed purchased apps

You land on your Dashboard. On first login, you only see how many pages have been indexed from your site. Once you start using the plugin, this is where you'll find search performance data — for example, which search terms come up most often and which return zero results. See Dashboard Analytics for more on the data we extract from search activity.

This, along with the look and feel of your search, is configured in the Search Designer.

Go to Design & Publish -> General and scroll to the "Search Bar" section, then choose "Use existing search bar" or "Add a search bar to website".

Most Lightspeed themes already have a search bar that we connect to automatically. If you're not getting results, or the button doesn't work once Site Search 360 is active, add CSS selectors to make sure Site Search 360 initializes correctly and links to all search bars if your site has more than one.

Search Bar settings

If you add a new search bar, provide CSS selectors pointing to where you want it to appear. If you want the search bar in the same place on every page, choose a selector that's present on all of them.

Configure the look and feel​

Go through the settings in Design & Publish to configure how your search looks and behaves. See Customize Your Lightspeed Search Design for a walkthrough of every tab.

Activate the search on your site​

Go to Design & Publish -> General:

Activate toggle

This activates the search on your site, connecting it to your existing search bar or adding a new one. You can start using it right away.

To temporarily disable the live search, turn the "Activate" toggle OFF. You can re-enable it later without losing any of the configured settings.

You don't need to activate the search to test its settings. Use the Search Preview tab, where configuration changes are reflected immediately, or the preview window on the right side of Design & Publish to see what the search will look like on the live site without changing anything.