Setting up Product Labels in Instant Search Widget

This article is general for BigCommerceWix, WooCommerce, Magento 1, Magento 2, and CS-Cart. If you have a store on Shopify, you can find the appropriate instructions here.

The Product Labels feature allows adding eye-catching labels to products in search results. You can add Discount Labels to products sold with discounts or In-stock Labels to display the product availability.

Below is an example of Product Labels and In-stock Labels in the Instant Search Widget:

Setting up Product Labels in Instant Search Widget

In this article, you learn how to adjust Product Labels in the Instant Search Widget. To do so in the Search Results Widget, look for the instructions here.

Discount Labels

To set up Discount Labels, follow these steps:

  1. Go to the Searchanise control panel > Search & Navigation > Instant search widget section > Product Labels tab > Discount label part.
  2. Switch on the Discount Label setting.
  3. Optionally, change the background color and the icon color (text color) of the discount label.
  4. Optionally, change the text of the Discount Label. If you enter the [discount] parameter in the text box, it will be replaced with the actual product discount.
  5. Apply the changes.

To show Discount Labels in the Search Results Widget you’ll need to apply the same settings in the Search results widget section.

In-stock Labels

You can add In-stock Labels to products in the Instant Search Widget to show their availability to customers: 

  • in-stock
  • pre-order (for WooCommerce, the plugin v. 1.0.12 or later) – products where allowed backorders (Product > Inventory > Allow backorders?)
  • out-of-stock

To do so, follow these steps:

  1. Go to the Searchanise control panel > Search & Navigation > Instant search widget section > Product Labels tab > In-stock label part.
  2. Switch on the In-stock Label setting.
  3. Optionally, change the background color and the icon color (text color) of the labels.
  4. Optionally, change the text of the labels.
  5. Apply the changes.

To show In-stock Labels in the Search Results Widget you’ll need to apply the same settings in the Search results widget section.

Custom Labels

If you have a store on the BigCommerce platform, see the instructions on how to adjust Custom Labels here.

 

Product Labels can be customized further with the help of the Custom CSS feature. In case you need help with that, feel free to contact us. Our support team will gladly help customize them the way you want.

Enjoying your experience with Searchanise?

We’d appreciate it if you could take some time to leave a review. To do so, follow the link to your respective platform below:

Updated on March 21, 2023

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

We are sorry that this post was not useful for you

Let us improve this post!

Please tell us how we can improve this post

Related Articles

Back to top