# How to add autocomplete search to Webflow with Elasticsearch on Webflow Cloud

DevFeed: [How to add autocomplete search to Webflow with Elasticsearch on Webflow Cloud](<https://devfeed.tech/articles/how-to-add-autocomplete-search-to-webflow-with-elasticsearch-on-webflow-cloud-9198.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/elasticsearch-autocomplete-search-webflow-cloud>)

Author: Ismail Ajagbe

Published: 2026-07-26T00:00:00Z

Content type: tutorial

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [elasticsearch](<https://devfeed.tech/topics/elasticsearch.md>), [Elastic Cloud](<https://devfeed.tech/topics/elastic-cloud.md>), [webflow](<https://devfeed.tech/topics/webflow.md>), [Nextra](<https://devfeed.tech/topics/nextra.md>), [API keys](<https://devfeed.tech/topics/api-keys.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [migration](<https://devfeed.tech/topics/migration.md>), [Template](<https://devfeed.tech/topics/template.md>)

Tags: [api-keys](<https://devfeed.tech/tags/api-keys.md>), [cli](<https://devfeed.tech/tags/cli.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [content](<https://devfeed.tech/tags/content.md>), [elastic-cloud](<https://devfeed.tech/tags/elastic-cloud.md>), [elasticsearch](<https://devfeed.tech/tags/elasticsearch.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [getting-started](<https://devfeed.tech/tags/getting-started.md>), [guide](<https://devfeed.tech/tags/guide.md>), [guides](<https://devfeed.tech/tags/guides.md>), [migration](<https://devfeed.tech/tags/migration.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [webflow](<https://devfeed.tech/tags/webflow.md>)

## AI overview

A guide to adding as-you-type autocomplete search to a Webflow site using Elasticsearch on Webflow Cloud. It covers updating the index mapping, re-indexing existing content, creating a Next.js Route Handler, and connecting a debounced, abort-controlled frontend input.

## Source excerpt

Learn how to add as-you-type autocomplete search to Webflow using Elasticsearch's search_as_you_type field and a Webflow Cloud Route Handler