Smart Search | Quick View

Quick View Search enhances the shopping experience by displaying recommendations in real-time

Christian Sokolowski avatar
Written by Christian Sokolowski
Updated this week

Quick View Search dynamically presents products, collections, and additional search terms as the shopper inputs text into the search bar, adapting in real-time to additional input. This enhances the user experience for improved conversions. Craft search experiences to boost product discovery, offer recommendations, and ultimately increase conversions and revenue.

Within these settings, you can configure the following:

  • Adjust the layout of the quick view format.

  • Set search page results to default or custom URLs.

  • Establish keyword suggestions that shoppers will see before they begin typing.

  • Configure product suggestions that shoppers will see before they begin typing.


Quick View Editor

Within the main editor, you have a variety of options available to tailor the quick view feature to align perfectly with your brand and preferences. The Smart Search previewer will dynamically update as you make changes, allowing you to see a real-time mock-up of how it would appear in action.

Layout

For the layout of the search quick view, you have the option of displaying it as a dropdown or side search. With the side search, you can choose to have it displayed on either the left or right side of the website. Dropdown is the default selection.

Interaction Settings

Customize the appearance and presentation of product recommendations before someone starts typing and as they are typing.

No Search Term Entered:

Here, you have the options to:

  • Customize the appearance of quick view when visitors haven't started typing yet.

  • Choose to display suggested collections, search terms, and/or products.

  • Each of these elements can have configurable titles to suit your preferences.


As User Starts Typing

Here, you have the options to:

  • Auto-complete terms to display suggested searches.

  • Display matching products related to the one that users are searching for.

  • Display matching collections of the product users are searching for. For the matching products and collections, you can customize your titles to align with your brand's needs.

General Settings

Column Breakpoints

Here, you can customize the way the search suggestions will be displayed on multiple device types, including mobile, tablet, and desktop. Each device type can be adjusted according to your preferences individually.

Add to Cart Button

In this section, you have the option to toggle on an "Add to Cart" button that will appear on the results, providing a seamless way for your customers to add a product to their cart. This feature is valuable for boosting conversions. Additionally, you can customize the text that will appear on these "Add to Cart" buttons to better suit your needs.


Search Results Page

Effortlessly customize your store's search experience by defining a custom URL.

β€’ Default URL: Shopify's standard search page is located at/search.

β€’ Custom URL: To set up a custom search page, create a new page in Shopify. Keep in mind that Shopify URLs include the /pages/prefix. For example, if you create a page named "Discover", your custom search URL should be /pages/discover.


Selectors

If you have a customized theme, you may need to utilize the advanced selectors within the quick view settings to ensure the search bar triggers and displays properly. Rebuy provides default selectors that are configured to work seamlessly with default Shopify themes, so you might not require these advanced selectors. However, if needed, here are the definitions.

We advise previewing Smart Search before making any adjustments to these settings. In most cases, default themes will function properly with the default elements we have configured for you. These selectors should only be necessary if Smart Search is not behaving as expected.

Trigger Element

A Trigger Element refers to an element or component that initiates a specific action or behavior when interacted with by a user. In this case we would expect your trigger element to be the search icon.

Embedded Element

An Embedded Element refers to content, such as multimedia or interactive components, that is integrated directly into a web page. This is where we embed the search display to.


Suggested Search Terms

Configure keyword suggestions that shoppers will encounter before they commence typing within these settings. Suggested Search Terms has two default rules built by Rebuy that you can enable and/or you can create your own custom search terms.

  1. Previous Search History: These are recent search terms recorded by session ID, tied to the user session, and based on all-time searches.

  2. Trending Search Terms: These are search terms that have been trending in the past 24 hours across the merchant site.

  3. Custom (Add New): New search terms refer to custom terms that you can create according to your preferences to be suggested in the search bar.


As you configure the layout of the suggested search terms, you can adjust their priority within the settings by clicking and dragging them to modify. Search terms are prioritized in a top-down approach.


Suggested Products

Configure product suggestions that shoppers will encounter before they start typing. You have two default settings to choose from: user history (search and view) and trending products. Additionally, you can opt to display custom products, or combine both options.

  1. User History (Search and View): This feature displays recently viewed products, which are tied to the user session and based on all-time activity. It is generated from cookie tracking; however, unless users are signed in, 100% of the data remains anonymous. We do not track or sell cookie data. We can only associate events that are anonymized across the same browser unless users sign in and voluntarily provide us with customer information.

  2. Trending Products: These are the products that have been trending within the past 30 days, indicating the most purchased items across the merchant site during that period.

  3. Custom (Add New): This option allows you to add custom products that will be suggested each time someone uses the search bar.

As you configure the layout of the product suggestion, you can adjust their priority within the settings by clicking and dragging them to modify. These product suggestions are prioritized in a top-down approach.


Suggested Collections

Configure collection suggestions that shoppers will encounter before they start typing. The default setting is trending collections, which showcases collections that are currently popular. Additionally, you have the option to display custom collections, or you can combine both options for a tailored browsing experience.

  1. Trending Collections: These are collections that have been trending within the past 24 hours, indicating their popularity and relevance to recent shopper interests.

  2. Custom (Add New): This option enables you to include custom collections that will be suggested each time someone utilizes the search bar.


As you configure the layout of the collection suggestions, you can adjust their priority within the settings by clicking and dragging them to modify. These collection suggestions are prioritized in a top-down approach.


Enabling and Disabling Quick View

Enabling and disabling the Quick View search feature is as simple as toggling it on or off on the Quick View settings page. It's important to note that Smart Search must be installed and enabled for the Quick View function to work properly.


FAQs

Q: What is the limit of suggested terms, products, and collections within the quick view editor settings?

A: The limit of products that can be shown in the Rebuy search suggestions for terms, products, and collections is 6 for each category by default.

Q: How do I preview smart search on my site?

A: To preview Smart Search, simply click the "preview" button on the Smart Search dashboard, Quick View editor page, or Results editor page.

More Questions? Checkout our Smart Search FAQ document for some frequently asked questions. If you don't see your answers there, please feel free to send them to us via the messenger on this page along with your details.

Did this answer your question?