Setting up Custom Labels in Instant Search 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 Instant Search Widget. To do so in the Search Results Widget, see the instructions here.

Add a Custom Label

Important info

You can add Custom Labels based on the product Custom Fields you adjusted for the search. Before adding the Custom Labels, make sure that the Custom Fields, which you want to use, are set up in the Preferences section > Products tab > Search by custom fields setting.

To add a Custom Label, follow these steps:

  1. Go to the Searchanise control panel > Instant search widget section > Product Labels tab > Custom Labels part.
  2. Click the + 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 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. Text – enter the text which will be displayed as the label.
    4. Background color – enter or select the background color of the label.
  4. Click the Save label button in the top-right corner.

Setting up Custom Labels in Instant Search Widget on BigCommerce

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

Setting up Custom Labels in Instant Search Widget on BigCommerce

Edit a Custom Label

To edit a Custom Labels, follow these steps:

  1. Go to the Searchanise control panel > Instant search 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 > Instant search widget section > Product Labels tab > Custom Labels part.
  2. Select the Delete 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.

Enjoying your experience with Searchanise?

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

Updated on May 20, 2022

Was this article helpful?

Related Articles

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