Instant Search

Overview #

This dropdown allows your customers to browse and purchase products directly from your search bar. It combines the best features from modern search engines, with an eCommerce-specific twist:

• Optimised for speed: Shows results in the blink of an eye while visitors are typing
• Semantic search: Understands what the visitor means.
• Auto-corrects spelling mistakes: The visitor should not realise that they made the spelling mistake in the first place.
• Predicts customer behaviour: Matches are sorted based on how likely they are to sell right now.

These functions make searching your webshop from the search bar a seamless experience for the customer and opens up your catalogue in a different way.

We’ve seen up to 85% of search conversions coming from the Instant Search alone.

Standard design #

The standard design for Instant Search includes:

• Variants dropdown support: Let shoppers choose variant attributes (e.g. size, color) before adding to cart.
• Quantity selector.
• Native Add-to-Cart button that notifies Clerk.js, ensuring analytics and merchandising stay in sync.
• Clean, well-structured markup with clear comments.
• Centralized variables for styling and behavior, making it easy to adjust colors, spacing, labels, and common options without changing core code.