Autocomplete guides

Welcome to the Autocomplete guides section of the Luigi's Box documentation. This collection of guides provides everything you need to implement a powerful 'search-as-you-type' experience , enhancing your website's search and helping users find what they're looking for faster. Here, you will learn about the different integration strategies, from the quick and easy Autocomplete.js library to a fully custom implementation using our direct APIs. These guides cover all key features, including dynamic query suggestions , 'Top Items' on focus , and 'Trending Queries', allowing you to build a seamless and intuitive product discovery journey for your users.

General Guides

Understanding Luigi's Box Autocomplete: Features and integration strategies

This document provides an overview of Luigi's Box Autocomplete, outlining its key features, the APIs that power it, and the different integration strategies available.

API Integration

Quickstart: Getting query suggestions via the Autocomplete API

Learn how to directly call the Autocomplete API to retrieve suggestion data for a custom UI, which requires you to manually handle API requests and implement analytics tracking.

Quickstart: Implementing 'Trending Queries' suggestions

Learn how to use the Trending Queries API to fetch and display a list of popular search terms in a custom user interface.

Quickstart: Implementing 'Top Items' suggestions with the API

Learn how to use the 'Top Items' and 'Personalized Top' Items APIs to show suggestions when a user clicks into an empty search bar.

Library Integration

Quickstart: Implementing Autocomplete with Autocomplete.js

Learn how to add a feature-rich autocomplete widget to a website using the recommended Autocomplete.js library, which automates API calls and analytics for the fastest integration.

Quickstart: Customizing Autocomplete.js, layouts, actions, and advanced options

Learn how to customize the Autocomplete.js widget's appearance and functionality by changing layouts and adding interactive actions like an 'Add to Cart' button.