Setting up Custom Labels in Search Results Widget on BigCommerce

You can set up Custom Labels for products based on their Custom Fields to highlight specific products in search results. In this article, you learn how to adjust Custom Labels in the Search Results Widget. To do so in the Instant Search Widget, see the instructions here.

Add a Custom Label

To add a Custom Label, follow these steps:

1. Go to the Searchanise control panel > Search & Navigation > Search results widget section > Product Labels tab > Custom Labels part.
2. Click the + New Label button.
3. Set up the label options:
   1. Custom Field Name – enter the name of a Custom Field into the text box. The name of the Custom Field must correspond to one of the values in the Search & Navigation > Preferences section > Products tab > Search by custom fields setting.
   2. Custom Field Value – enter the value of a Custom Field into the text box.
   3. Label Position – select the place where you want to show the label.
   4. Label type – you can show labels as text or images.
   5. Text – enter the text which will serve as the label, if you select the Text label type.
   6. Background color – enter or select the background color of the label, if you select the Text label type.
   7. Text color – enter or select the text color of the label, if you select the Text label type.
   8. Image – select the image to show, if you select the Image label type. You can choose between 2 ready-made label images (New and Sale) and your own image. To add your own image you’ll need to insert the image URL to the corresponding field.
      
      Note

      If the Discount Labels or In-stock Labels are also active, only one of the labels can be shown in the position. Custom Labels have a higher priority than Discount Labels and In-stock Labels have a higher priority than Custom Labels.

4. Click the Save label button in the top-right corner.

That’s it. The added Custom Label is now displayed in the Search Result Widget for products with the Custom Field equal to the Custom Field assigned to the Custom Label.

Edit a Custom Label

To edit Custom Labels, follow these steps:

1. Go to the Searchanise control panel > Search & Navigation > Search results widget section > Product Labels tab > Custom Labels part.
2. Click the Edit link next to the label you want to edit.
3. Edit the label options.
4. Click the Save label button in the top-right corner.

Delete Custom Labels

To delete Custom Labels:

1. Go to the Searchanise control panel > Search & Navigation > Search results widget section > Product Labels tab > Custom Labels part.
2. Select a checkbox next to the label you want to delete.
3. Click the Delete selected button.
4. Confirm.

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