Search Widget 🔍✨

The search widget lets you add a search bar for your products on any page of your Shopify store. This feature is available only to Premium and up app subscribers.

Before adding the search bar, make sure you have configured Availability Search. If not, see the setup guide here:
Availability Search Setup ✅

Creating Your Search Widget

Now that you have set up your search you can create your search widget. 

1. In the app, select Widgets.

2. Under "Store wide", select the Search option:

3. Select Add widget. 

4. In the Name field you will enter a name for the widget. 

5. Select a Mode. Inline means that the search bar is displayed when the page loads while the Popup mode allows the widget to display after selecting the Search button. 

Note: In Popup mode, the Search button uses BTA app styles by default. To apply your theme's global button styles instead, add the data-popup-button-class attribute to the widget container. For example:

<div class="bta-search-widget-container" data-id="88" data-popup-button-class="button butto

6. Specify the Width in terms of pixels (px).

7. If you have associated locations with your products when you configured them in the app, and you want to filter the search results based on location, you will want to select the option for Allow choosing location.

8. Select the Translations tab if you need to modify any of the widget's text. 

9. Select Save.

10. The Code field will display code that must be added to your theme to display the search bar. You will need to copy the code as it's provided in the app and add it to the theme file where you want the search to appear. 

⚠️ Important: Do not add the code in the product description field. It must be added to a theme file in your Shopify theme.