Skip to main content
Smart Search | Results Page

Configure how your search results are presented to shoppers.

Christian Sokolowski avatar
Written by Christian Sokolowski
Updated over a month ago

Configure how your search results are presented to shoppers. The presentation of search results is just as crucial as the contents of the results themselves. Customize search results to minimize friction and maximize conversions.


Results Page Editor

This is where you can customize the Results Page to offer a more personalized experience for your customers.

Layout

The layout options for the results page include dropdown layout, sidebar, or flyout filters. You can preview how the layout will look on desktop, tablet, and mobile devices. Please note that currently, you cannot have different layout selections for different device types.

Text Settings

Page Title

Here you can customize the page title for the results page. By default it will be set to (term) will show the term the user searched for. (count) will show the number of matched search results for the term the user searched for.

Search Bar Text

This feature allows merchants to customize the placeholder text in the search bars on both the Quickview and Results pages. By adding tailored text, merchants can provide a more personalized and branded search experience for shoppers, guiding them effectively before they start typing.


General Settings

Column Breakpoints

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

Pagination

Customize how products are displayed on search result pages by offering new pagination and scrolling options. Merchants can choose between different styles of product pagination, including continuous scrolling, load-more buttons, and customizable per-page options.

Pagination Options:

This feature introduces five distinct pagination styles:

  1. Default Paging
    Displays 15 products per page by default.

  2. Default Paging + Per Page Dropdown
    Adds a dropdown allowing shoppers to select how many products they want to see per page. Merchants can customize the dropdown options.

  3. Default Paging + Fixed Products per Page
    Allows merchants to set a specific number of products per page without offering a dropdown. The default remains 15 products, but this can be adjusted as desired.

  4. Continuous Scroll
    Removes traditional pagination, allowing products to load automatically as the shopper scrolls down.

  5. Continuous Scroll + Load More Button
    Combines continuous scrolling with a “Load More” button, which users must click to load additional products on the same page. You can customize the text for this button.

Product Ratings

Enabling Smart Search Product Ratings will display an average star rating and the total number of reviews for products in search results, provided that ratings exist for those products. By default, this toggle will be set to off.

Ensure an active supported integration is enabled in Rebuy for your review app to display reviews. For further details on currently supported review apps, please visit the Smart Search FAQ.

To enable product ratings on your smart search results page, follow these steps:

  1. Go to your smart search results page settings.

  2. Click on the "Edit" option.

  3. On the left-hand navigation, toggle on the option labeled 'product ratings'.

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.

Example:


Selectors

If you have a customized theme, you may need to utilize the advanced selectors within the results page settings to ensure the Smart Search 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.

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.


Filter Options

Filters

In this section, you can configure the options that shoppers can use to filter search results. These filters will be based on the configurations you have set within Shopify. You have several choices available, including:

As you configure the filters, you can adjust their priority within the settings by clicking and dragging them to modify. They are prioritized in a top-down approach.

Product Options

In this section, you can add various product options for your customers to filter by, assisting them in locating specific groups of products they are interested in. You have several choices available, including:

  • Color

  • Scent

  • Size

  • Style

  • Title

Product Metafields and Variant Metafields

  • Product Metafields

    • You can enable up to 25 Product Metafields as filters for shoppers to refine their product searches. The supported Metafield types include single line text, single line text (list), decimal, integer, and true or false. Metafields that exceed 256 characters, 40 words, or contain HTML will not be available as filter options on the site.

  • Variant Metafields

    • You can enable up to 25 Variant Metafields as filters for shoppers to refine their product searches. The supported Metafield types include single line text, single line text (list), decimal, integer, and true or false. Metafields that exceed 256 characters, 40 words, or contain HTML will not be available as filter options on the site.

If you do not have product or variant metafields configured in Shopify, then this section will not appear. If you do have them configured in Shopify and do not see this section, then please attempt a resync of the products. If the issue persists then reach out to support for further assistance.

Product and Variant Metafield Limitations and Considerations

  • Product and Variant Metafield Limitations:

    • Maximum of 25 product metafields can be enabled

    • Maximum of 25 variant metafields can be enabled

    • Metafield data used in the filter cannot contain more than 256 characters or more than 40 words.

    • Any HTML detected will be suppressed from the filter data.

  • Product and Variant Metafield types are supported:

    • Single line text

    • Single line text (list)

    • Decimal

    • Integer

    • True or false

Additional Filter Settings

Filter Labels

There's an option labeled 'Filter Label' which allows you to enter a custom name to override the default Filter Label.


Sort By Options

Configure the options that shoppers can use to sort search results. You have several choices available, including the following.

  • Featured (Always enabled)

  • Best Sellers

    • Lookback Periods can be set to a custom timeframe if you wish, otherwise the provided timeframes are 7, 30, 60, and 90 days.

  • Highest Price

  • Lowest Price

  • New Arrivals

  • Highest Rating (created at descending)

  • Lowest Rating (created at ascending)

  • Oldest (created at ascending)

  • Name (A-Z)

  • Name (Z-A)

As you configure the sort by options, you can adjust their priority within the settings by clicking and dragging them to modify. They are prioritized in a top-down approach.

Additional Sort By Settings

Sort By Labels

There's an option labeled 'Sort By Label' which allows you to enter a custom name to override the default Sort by label.


FAQs

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?