How to show a product metafield value in the widgets on Shopify

If you use Shopify Metafields for your products, you can show one of them in the Instant Search Widget or Search Results Widget as an additional product field. To do so, follow these steps:

Important info

The app supports product metafields only, product variant metafields are not supported.

Step 1. Add product fields based on metafields in the app

  1. Go to the Smart Search & Filter control panel > Preferences section > Products tab.
  2. Enter the metafields into the namespace.key format separated by commas in the Search by metafields field. The metafields are case-insensitive. You can see the namespace.key format of your product metafields in the Shopify Admin Panel > Settings > Metafields > Product:

    How to show a product metafield value in the widgets on Shopify

  3. Apply the changes.
  4. Click the link in the notification at the top or the Force re-indexation button in the sidebar to start indexation.

How to show a product metafield value in the widgets on Shopify

After the indexation is complete, the added metafields will appear in the Searchanise control panel > Preferences section > Product fields tab, and your customers will be able to look for relevant products by typing the metafield values into the search box. You can hide product fields based on metafields from the search. See the instructions on how to do so here.

Step 2. Show a product metafield value in the Instant Search Widget 

  1. Go to the Smart Search & Filter control panel > Instant search widget section > Content tab.
  2. Select the metafield you want to display in the widget in the Additional product field dropbox list.
  3. Apply the changes.

How to show a product metafield value in the widgets on Shopify

That’s it. The metafield is shown as an additional product field in the product cards in the Instant Search Widget on the storefront.

How to show a product metafield value in the widgets on Shopify

You can set the label for the field in the Smart Search & Filter control panel > Translations section > Instant Search Widget tab > Additional product field text box.

Step 3. Show a product metafield value in the Search Results Widget

  1. Go to the Smart Search & Filter control panel > Search results widget section > Content tab.
  2. Select the metafield you want to display in the widget in the Additional product field dropbox list.
  3. Apply the changes.

That’s it. The metafield is shown as an additional product field in the product cards in the Search Results Widget on the storefront.

How to show a product metafield value in the widgets on Shopify

You can set the label for the field in the Smart Search & Filter control panel > Translations section > Search Results Widget tab > Additional product field text box.

Enjoying your experience with Searchanise?

We’d appreciate it if you could take some time to leave a review.

Updated on September 6, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support
Back to top