> ## Documentation Index
> Fetch the complete documentation index at: https://algolia.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Frontend choices

> Learn the main approaches to building a search UI for your Shopify store.

When integrating Algolia into your store front, you can choose between these approaches:

1. Use the widgets provided by the Algolia AI Search & Discovery app.
2. Handle the implementation yourself, using Algolia's InstantSearch libraries.

Depending on your needs, one method might be more convenient than the other.

## Provided widgets

Algolia AI Search & Discovery comes with one-click install widgets:

* **[Autocomplete widget](/doc/integration/shopify/building-search-ui/autocomplete)**:
  an Algolia real-time search box and menu which replaces Shopify's default search box.
* **[InstantSearch Page](/doc/integration/shopify/building-search-ui/instant-search)**:
  an Algolia powered search results page, which comes pre-configured with features such as filtering and sorting.

You can enable both widgets on the **Search options** tab.

## InstantSearch libraries

Setting up a custom Algolia InstantSearch integration requires coding.
A personalized implementation may yield a more customized search UI, but takes more time.

For more information, see:

* [InstantSearch](/doc/integration/shopify/building-search-ui/instant-search)
* [Frontend custom events](/doc/integration/shopify/building-search-ui/frontend-custom-events)