AddSearch is an instant search for websites that displays results immediately, from the first keystroke. The easiest way to implement AddSearch on a Shopify site is to use Addsearch’s Quick method, and insert a single line of HTML by putting a Custom Code element on each page that you want to include the search engine. If you have a lot of pages, this might be a bit of work.

Instructions

Sign up for AddSearch on our homepage. You’ll receive an email with a link to a demo of your search. The demo page includes the AddSearch installation code. Copy this code to your clipboard. (If you’ve already signed up for AddSearch you can also find this code by logging into the AddSearch Dashboard and clicking Installation.) The code you need to copy looks like the script below, where SITEKEY is a numerical identifier field for your site:

<script src="https://addsearch.com/js/?key=SITEKEY"></script>

To install AddSearch to Shopify page, follow these instructions:

  1. Log in to your Shopify account
  2. Click Online Store

Picture of Shopify dashboard themes selector.

  1. From the Actions drop-down menu click Edit code

Picture of Shopify theme drop-down menu with a link to code editor.

Before installing AddSearch you need to remove the default search from the theme. The search is usually located in the header of the page where the Logo, Menu and Cart are.

Picture of Shopify default search.

  1. To edit the header in the Code editor, search for header and open header.liquid under Sections

Picture of Shopify code editor search functionality.

  1. In the header.liquid file locate the code related to the search element

Picture of search related code in header.liquid file.

  1. Replace the default search code with the AddSearch script. Also, replace #### with your site key

Picture of replacing default search code with AddSearch script.

  1. Save changes to the header.liquid file and preview the search

Picture of previewing AddSearch on a Shopify page.