You can add our app to your store through the Shopify App Store. To do so, follow these steps:
- Log in to the Shopify App Store.
- Go to the Smart Search Bar & Filters app listing page.
- Click the Add app button.
- In your Shopify admin, click Install app to authorize the use of the app.
After the app is installed, the indexation starts to import search data into it. It takes some time. You can view and manage our app using the Smart Search & Filter control panel, located in the Shopify admin panel > Apps > Smart Search Bar & Filters. In the sidebar of the control panel, you will see the progress of the indexation.
2. Checking if the app working
Once the indexation is complete, you can check how it works. See the instructions on how to do so here.
3. Adjusting the Instant Search Widget
We have changed the left-hand menu of the app’s control panel to make it more convenient for users. In the video, you will see its old version. The Instant search widget section is now inside the Search & Navigation section.
3.1. Adjusting content
You can think up what data to display or hide in the widget and change its default content. It is possible to hide the widget sections: pages, categories, products, or suggestions. It is also possible to hide product prices or SKUs. See the instructions on how to do so here.
3.2. Adjusting look and feel
You can choose either a single-column or multi-column widget’s template in the Smart Search Bar & Filters control panel > Search & Navigation > Instant search widget section > Template & Colors tab.
Single Column template
You can also adjust colors for the widget’s template to suit your store look and feel more. See the instructions on how to do so here.
4. Adjusting the Search Results Widget
We have changed the left-hand menu of the app’s control panel to make it more convenient for users. In the video, you will see its old version. The Search results widget section is now inside the Search & Navigation section.
4.1. Checking the auto-detected styles
Once the indexation is complete, the app’s Auto Theme Detector feature starts working. Using machine learning algorithms, it auto-detects styles of your store’s live theme to apply them to the app’s instant search and search results widgets. These are the app’s elements that will be adjusted: count of columns in the product grid, size of product images, text styles of product titles and descriptions, text and styles of product labels, styles of product reviews, styles of the Add to cart button.
Once the auto-detection of the theme is complete, you will be able to preview the results in the Dashboard section in the control panel by clicking the eye icon in the block with the message:
You can also open the app’s search results page on the storefront by entering the search query into the search bar. It has the default styles, so you will be able to compare the default design with the adapted one.
If you like the results in the preview, click the Keep Theme button in the block with the message in the dashboard.
If you don’t like the results, you can dismiss the changes and keep the default settings of the widgets by clicking the Dismiss Theme button. In this case, please drop our support team a line to let us know why you don’t want to apply the suggested changes. Your feedback will help us improve this feature to make it more useful to you in the future!
If the theme’s auto-detection fails, you will see an appropriate message in the Search & Navigation > Instant search widget (Search results widget) section. The most popular reason – your store is in development and password protected. The Auto Theme Detector can’t analyze such stores.
4.2. Adjusting look and feel
It is set up the up-to-date widget’s template by default. If you kept the auto-detected theme styles, it maximum matches your store theme’s styles.
You can change the widget colors to match your store style guide more. See the instructions on how to change colors here.
4.3. Adjusting content
As well as in the Instant Search Widget, you can adjust what data to show in the Search Results Widget. See the instructions on how to do so here.
5. Adjusting Filters
There are default filters with the most common attributes like price, vendor (brand), product type, availability, collection, etc. You can adjust them or add new ones. See the instructions on how to do so here.
6. Setting up Filters on collections
The Filters on collections feature is not set up automatically after installing the app. You should do that by yourself to use the app’s Filters on collection pages.
7. Adjusting the search relevance
You can fine-tune your search results and make them more relevant for your shoppers.
It is possible to hide out-of-stock products or adjust showing the ones at the end of the search results, change the product price format, adjust search by metafields, etc. You can do so in the Search & Navigation > Preferences section of the Smart Search Bar & Filters control panel.
What is more, you can hide some product details from the search or change their search weight. See the instructions on how to do so here.
8. Going further
The Instant Search Widget and Search Results Widget supply the main functionality of our app. But you can also try to use Banners or merchandising rules to promote products in search results.
If you face any troubles, don’t hesitate to contact us. We will be glad to help you.
We’d appreciate it if you could take some time to leave a review.