This article is general for BigCommerce, Wix, 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:
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:
The Discount Label overrides the setting which allows showing the original product price compared with the discount product price.
- Go to the Searchanise control panel > Search & Navigation > Instant search widget section > Product Labels tab > Discount label part.
- Switch on the Discount Label setting.
- Optionally, change the background color and the icon color (text color) of the discount label.
- 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.
- 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:
- Go to the Searchanise control panel > Search & Navigation > Instant search widget section > Product Labels tab > In-stock label part.
- Switch on the In-stock Label setting.
- Optionally, change the background color and the icon color (text color) of the labels.
- Optionally, change the text of the labels.
- 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.
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: