Algolia Search and Sync

White Algolia search logo on a bright blue background

Algolia for Webflow: Instant search & automatic CMS sync. Help your visitors find anything, faster.

White Algolia search logo on a bright blue background

Algolia for Webflow: Instant search & automatic CMS sync. Help your visitors find anything, faster.

Algolia search for your Webflow site

Algolia Search and Sync connects your Webflow CMS to your own Algolia account and keeps your search index continuously up to date, so visitors get fast, typo-tolerant, relevance-ranked results as they type.

What it does

  1. Map once, sync automatically. Choose a CMS collection and map its fields to your Algolia index. Publishing a CMS change re-syncs automatically via webhooks, and a scheduled job keeps the index in step even when nothing is published.
  2. Build the search experience inside Webflow. A Designer Extension lets you drop in pre-built, styleable search components (search box, results, filters, pagination) directly on the canvas, with no copy-pasting of embed code.
  3. Filter, sort, and recommend. Refinement lists, ranges, toggles, sorting, and Algolia Recommend units are all available as attributes on elements you designed yourself.
  4. Bring your own Algolia account. You keep full ownership of your index, your records, and your API keys. Nothing is shared across customers.

Why teams use it

  1. No-code setup: connect, map, and go live without writing search logic.
  2. Always fresh: CMS edits propagate to Algolia within seconds.
  3. Secure by design: credentials are encrypted at rest and access is scoped per site.

How it works

  1. Install the app and authorize your Webflow site.
  2. Enter your Algolia App ID and API key.
  3. Pick a collection, map your fields, and run the initial sync.
  4. Add the search components in the Designer using app and publish.

Algolia search for your Webflow site

Algolia Search and Sync connects your Webflow CMS to your own Algolia account and keeps your search index continuously up to date, so visitors get fast, typo-tolerant, relevance-ranked results as they type.

What it does

  1. Map once, sync automatically. Choose a CMS collection and map its fields to your Algolia index. Publishing a CMS change re-syncs automatically via webhooks, and a scheduled job keeps the index in step even when nothing is published.
  2. Build the search experience inside Webflow. A Designer Extension lets you drop in pre-built, styleable search components (search box, results, filters, pagination) directly on the canvas, with no copy-pasting of embed code.
  3. Filter, sort, and recommend. Refinement lists, ranges, toggles, sorting, and Algolia Recommend units are all available as attributes on elements you designed yourself.
  4. Bring your own Algolia account. You keep full ownership of your index, your records, and your API keys. Nothing is shared across customers.

Why teams use it

  1. No-code setup: connect, map, and go live without writing search logic.
  2. Always fresh: CMS edits propagate to Algolia within seconds.
  3. Secure by design: credentials are encrypted at rest and access is scoped per site.

How it works

  1. Install the app and authorize your Webflow site.
  2. Enter your Algolia App ID and API key.
  3. Pick a collection, map your fields, and run the initial sync.
  4. Add the search components in the Designer using app and publish.
Features
  • One-click Webflow CMS to Algolia sync with field-level mapping
  • Automatic re-sync on publish (webhooks) plus scheduled background sync
  • Drop-in, styleable search UI components added right in the Designer
Enhanced security
This App supports enhanced security and management features.
Approved by Webflow
Webflow has reviewed this app to ensure high quality site development. We do not endorse or certify these apps.
Pricing
Free
LanguagesEnglish
Supportalgolia-support@candidleap.comPrivacy policyTerms