Skip to main content
This is a pilot feature according to Algolia’s Terms of Service (“Beta Services”). Functionality may change before general availability.
Algolia Experiences lets you preview unsaved changes against a staging environment before publishing them to production. Previewing live helps you:
  • Verify changes against your real content and layout, not a mocked preview.
  • Iterate on theme and layout side by side with the editor and your site.
  • Catch issues before end users see them, since saved changes go live immediately.
This guide assumes you’ve already created an experience and embedded the production snippet on your site.

​
Embed the preview snippet on your staging environment

1

Open the Staging snippet

In the editor, open the Integration help dialog and select Staging. Copy the preview snippet.
2

Paste it on your staging environment

Paste the preview snippet before the closing </body> tag of the pages in your staging environment where you want to test the experience.
3

Open the editor in-page

Open a page that includes the preview snippet. In the bottom-left corner of your page, click the Algolia button. The editor opens as a side panel in the same browser tab, next to your site.Screenshot of the floating Algolia pill in the bottom-left corner of a staging page.
4

Sign in (first time only)

The first time you click the Algolia button in a new browser, you need to authenticate.Screenshot of the Algolia dashboard authentication page shown after clicking the staging pill.
You can now edit the experience and see your changes against your staging content in real time. When you’re happy with the result, save to apply the changes to every page that embeds the experience.
Last modified on May 20, 2026