Using the Built-in Product Ajax Search in Botiga

Want your customers to see product results in real time as they type, without waiting for a new page to load? Botiga ships with a built-in Ajax search for WooCommerce that returns matching products instantly inside the search bar.

In this guide, we’ll walk you through how to set up the built-in product Ajax search in Botiga.

Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site along with WooCommerce. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active.

Ajax product search showing live results

Setting Up Ajax Search

From your admin area, go to Appearance >> Customize >> WooCommerce >> Search to find the Ajax search options.

Ajax search options in the Botiga Customizer

  1. Enable Ajax On Search Fields: turn the Ajax search feature on or off.
  2. Enable Search by SKU: return products based on product name or SKU.
  3. Results Amount Per Search: control how many products appear in the results.
  4. Results Description: select which product field shows in the results description.
  5. Results Description Length: control how many words appear in each description.
  6. Results Order By: sort results by product name, date, price, random, and more.
  7. Results Order: choose ascending or descending order.
  8. Display Categories: show or hide product categories in the results.

Frequently Asked Questions

Below, we’ve answered some of the most common questions about the built-in product Ajax search in Botiga.

Do I need a separate plugin for Ajax search?

No. Ajax search is built into Botiga and works with the standard WooCommerce search field. You only need Botiga and WooCommerce installed.

Can customers search by SKU?

Yes. Enable the Enable Search by SKU option in the Customizer and customers can find products by typing either the product name or its SKU.

How do I add the search field to my header?

Add the search element through the header and footer builder or, if you’re using the legacy header system, through the header element options.

That’s it! You’ve successfully set up the built-in product Ajax search in Botiga.

Next, would you like to make your search field easier to find? Check out our guide on using the header and footer builder to learn more.