• TABLE OF CONTENTS
  • Overview
  • Prerequisites
  • Business Use Cases
  • Enable Typeahead Search
    • Steps
  • Storefront Behaviour
    • How It Works
    • Navigation Behaviour
  • Validation
  • Notes and Limitations
  • Best Practices
  • Summary

Overview

Typeahead Search enhances the Storefront search experience by displaying suggested results as a customer types in the search box. These suggestions help customers quickly find relevant products, reducing search effort and improving conversion rates.

In Znode Version 10, Typeahead Search behaviour remains consistent with earlier versions and is managed through Search Settings in the Admin Console.

Important: Typeahead Search is triggered only after a customer enters at least 3 characters in the search field.

Prerequisites

• Administrator access to the Znode Admin Console
• Storefront search is enabled for the store
• Products and categories published
• Search indexing completed
• Typeahead Search enabled in Search Settings

Business Use Cases

• Help customers quickly locate products while typing
• Reduce search abandonment on the Storefront
• Improve product discovery and customer experience
• Allow customers to navigate directly to product detail pages from search suggestions

Enable Typeahead Search

Typeahead Search is configured per store from the Admin Console.

Steps

1. Log in to the Znode Admin Console.
2. Navigate to Admin Console > Stores.
3. Select the required Store.
4. Click Search Settings.
5. Locate the Typeahead Search setting.
6. Enable Typeahead Search.
7. Save the changes.

Outcome: Typeahead Search is enabled for the selected Storefront.

Storefront Behaviour

Once enabled, Typeahead Search works automatically in the Storefront search bar.

How It Works

• A customer starts typing in the Storefront search field.
• Typeahead suggestions appear only after a minimum of 3 characters are entered.
• A dropdown list of suggested results is displayed beneath the search box.
• Suggestions may include product names, product images, and categories, based on store configuration.

Navigation Behaviour

• When a customer clicks on a product name or product image in the typeahead suggestions, the customer is directly redirected to the Product Detail Page (PDP).
• Customers can continue typing or submit the search to view the full search results page.

Notes and Limitations

• Typeahead Search activates only after 3 or more characters are entered.
• Results depend on published catalog data and search indexing.
• Changes to products or categories may require re-indexing before appearing in typeahead suggestions.
• Typeahead Search must be enabled individually for each store.

Best Practices

• Use clear and descriptive product names to improve suggestion relevance.
• Ensure product images are optimised, as they appear in typeahead results.
• Re-index search data after major catalog updates.
• Regularly test Storefront search behaviour to ensure optimal customer experience.

Summary

Typeahead Search in Znode Version 10 provides dynamic search suggestions on the Storefront once a customer enters at least three characters. Customers can quickly access products by clicking on a product name or product image, which redirects them directly to the Product Detail Page, improving search efficiency and overall Storefront usability.