• Guides
  • API Reference
  • Integrations
  • FAQ

Algolia Guides

Become an Algolia expert. Get answers about what it can do for you and understand how it works.

Home

Getting started

Sending and managing data

Managing results

Building Search UI

Building Search UI

Building Search UI

Building Search UI

Building Search UI

Building Search UI

Getting insights and analytics

Security

Going to production

Scaling

API Clients

PHP

Ruby

JavaScript

Python

iOS

Kotlin

Android

.NET

Java

Golang

Scala

InstantSearch Widgets

InstantSearch.js

React InstantSearch

Vue InstantSearch

Angular InstantSearch

InstantSearch iOS

InstantSearch Android

Tools

Crawler Configuration API

API Parameters

Index settings and search parameters

REST API

A full reference of API Endpoints

Algolia Integrations

Discover how to integrate Algolia's technology into popular frameworks and platforms, and the tools we provide to enhance your Algolia experience.

Frameworks

Rails

Symfony

Django

Laravel

Platforms

Magento 1

Magento 2

WordPress

Shopify

Tools

Crawler

Can I use DoubleClick for Publisher (DFP) with Algolia? Can I use Omniture with Algolia? Can I continue to renew my legacy plan contract with the same terms? Can I use my Algolia account with multiple domains, sites or applications? Do I need to display the Algolia logo when I am on the Free plan ? Do you offer a Sandbox for development and a staging environment? Does Algolia provide a free trial? How does Algolia count records and operations? How does billing work? How can I add people to my team and manage their authorizations?
  • Home
  • API Reference
    • API Methods
    • API Parameters
    • REST API
    • API Clients
      • PHP
      • Ruby
      • JavaScript
      • Python
      • iOS
      • Kotlin
      • Android
      • .NET
      • Java
      • Golang
      • Scala
    • InstantSearch Widgets
      • InstantSearch.js
      • React InstantSearch
      • Vue InstantSearch
      • Angular InstantSearch
      • InstantSearch iOS
      • InstantSearch Android
  • Integrations
    • Frameworks
      • Rails
      • Symfony
      • Django
      • Laravel
    • Platforms
      • Magento 1
      • Magento 2
      • WordPress
      • Shopify
  • FAQ
  • Getting started
    • What is Algolia?
    • How Algolia works
      • In depth
        • Algolia's ecosystem
        • Algolia's features
        • Implementation process
        • What does Algolia do?
    • Quick start
      • Tutorials
      • Tracking usage and performance with the dashboard
      • Building a voice to text search
      • Get started using the dashboard
      • Quick start with the Android API client
      • Quick start with the PHP API client
      • Quick start with the Ruby API client
      • Quick start with the JavaScript API client
      • Quick start with the Python API client
      • Quick start with the iOS API client
      • Quick start with the Kotlin API client
      • Quick start with the .NET API client
      • Quick start with the Java API client
      • Quick start with the Go API client
      • Quick start with the Scala API client
  • Sending and managing data
    • Format and structure your data
      • How to
        • Setting searchable attributes
        • Reducing record size
        • Handling data relationships
        • Indexing long documents
      • In depth
        • Preparing your data for indexing
        • Choosing between one or more indices
        • What is in a record
        • Data sanitization
        • Data, records size, and usage limits
    • Send and update your data
      • How to
        • Importing from the dashboard
        • Importing with the API
        • Incremental updates
        • Sending records in batches
      • In depth
        • Different synchronization strategies
        • Index operations are asynchronous
      • Tutorials
        • Searching Firebase databases
        • Search Parse.com data
        • Search Salesforce data
        • Searching Confluence data
        • Searching Google Drive
        • Search Jira data
    • Manage your indices
      • How to
        • Exporting an Algolia index
        • Generating a sitemap from an Algolia index
        • Deleting multiple indices
    • Manage your application environment
  • Managing results
    • Relevance overview
      • In depth
        • The 8 ranking criteria
        • Defining relevance
        • Finding records
    • Must do
      • Searchable attributes
        • How to
          • Configuring searchable attributes the right way
      • Custom ranking
        • How to
          • Create custom ranking attributes
          • Boosting or penalizing records
          • Controlling precision of custom ranking metrics
    • Refine results
      • Sorting results
        • How to
          • Sort by attribute
          • Sort an index by date
          • Sort an index alphabetically
          • Create a replica index
          • Search in a replica index
          • Delete a replica index
          • Forward settings to replicas
          • The sortBy UI widget
        • In depth
          • Understanding replicas
          • What is the effect of a replica on the number of records?
      • Filtering
        • How to
          • Filter by string
          • Filter by numeric value
          • Filter by boolean
          • Filter by date
          • Filter an array
          • Filter by null or missing attributes
          • Filter by tags
        • In depth
          • Filters and boolean operators
          • Filter scoring
          • Filters and facet filters
      • Faceting
        • How to
          • How to declare attributes for faceting
      • Grouping results
        • How to
          • How to group results
          • Item variations
      • Geo location
        • How to
          • Filter results around a location
          • Filter results inside a rectangle
          • Filter results inside a polygon
          • Geo ranking info
          • How to solve the 180th meridian issue
        • In depth
          • Geo ranking precision
    • Rules
      • Rules Overview
        • How to
          • Add default search parameters with Rules
          • Use Rules to customize search results by platform
        • In depth
          • Implementing Rules
          • Rule matching algorithm
          • Debugging Rules
      • Detecting intent
        • How to
          • Dynamic filtering with Rules
          • Adding search parameters dynamically
          • Detecting keywords
          • Replacing an entire query
      • Merchandising and promoting items
        • How to
          • Promoting hits
          • Hiding results with Rules
          • Optional filters
          • Adding banners
          • Combining multiple consequences
        • In depth
          • Optional filters
    • Optimize search results
      • Synonyms
        • How to
          • Managing synonyms from the dashboard
        • In depth
          • Regular synonyms
          • One way synonyms
          • Alternate correction synonyms
          • Synonym placeholders
      • Typo tolerance
        • How to
          • Preventing typosquatting
          • Searching in phone numbers
        • In depth
          • Configuring typo tolerance
      • Handling natural languages
        • How to
          • Multilingual search
          • Set an index's query language
        • In depth
          • Language-specific configurations
          • Normalization
      • Empty or insufficient results
        • In depth
          • Removing words to improve results
      • Improve results with analytics
      • Override engine defaults
        • How to
          • Querying in the middle of a word
        • In depth
          • Prefix searching
          • Adjusting the exact criteria
      • Troubleshooting relevance
  • Building Search UI
    • What is InstantSearch Android?
    • What is Angular InstantSearch?
    • What is InstantSearch iOS?
    • What is InstantSearch.js?
    • What is React InstantSearch?
    • What is Vue InstantSearch?
    • Getting started
    • Getting started
    • Getting started
    • Getting started
    • Getting started
    • Getting started
    • Installation
    • Installation
    • Installation
    • Installation
    • Installation
    • Installation
    • Upgrade guide for InstantSearch Android
    • Upgrade guides
    • Upgrade guide for InstantSearch iOS
    • Upgrade guides
    • Upgrade guides
    • Upgrade guides
    • Widgets
      • Widgets showcase
      • Widgets showcase
      • Widgets showcase
      • Widgets showcase
      • Widgets showcase
      • Widgets showcase
      • Customize an existing widget
      • Customize an existing widget
      • Customize an existing widget
      • Customize an existing widget
      • Customize an existing widget
      • Customize an existing widget
      • Create your own widgets
      • Create your own widgets
      • Create your own widgets
      • Create your own widgets
      • Create your own widgets
      • Create your own widgets
    • Going further
      • Conditional display
      • Conditional display
      • Conditional display
      • Conditional display
      • Conditional display
      • Conditional display
      • Conditional requests
      • Conditional requests
      • Conditional requests
      • Conditional requests
      • API keys/security
      • API keys/security
      • API keys/security
      • API keys/security
      • API keys/security
      • API keys/security
      • Routing URLs
      • Routing URLs
      • Routing URLs
      • Routing URLs
      • Integrate Google Analytics
      • Integrate Google Analytics
      • Integrate Google Analytics
      • Integrate Google Analytics
      • Improve performance
      • Improve performance
      • Improve performance
      • Improve performance
      • Improve performance
      • Improve performance
      • Native
      • Native
      • Native
      • Native
      • Back-end search
      • Back-end search
      • Back-end search
      • Back-end search
      • Back-end search
      • Back-end search
      • Server-side rendering
      • Server-side rendering
      • Server-side rendering
      • Server-side rendering
    • Resources
      • UI and UX patterns
      • UI and UX patterns
      • UI and UX patterns
      • UI and UX patterns
      • UI and UX patterns
      • UI and UX patterns
      • Demos
      • Demos
      • Demos
      • Demos
      • Demos
      • Demos
      • InstantSearch Labs
      • InstantSearch Labs
      • InstantSearch Labs
      • SEO-ready search experience checklist
      • SEO-ready search experience checklist
      • SEO-ready search experience checklist
      • SEO-ready search experience checklist
  • Getting insights and analytics
    • Search analytics
      • Out-of-the-box analytics
        • How to
          • How to remove the empty search from analytics
          • How to set the analytics user ID
      • Click-through and conversion analytics
        • How to
          • Send click and conversion events with an API client
          • Sending current or older events in batches
          • Keeping track of the query ID for conversion events
        • In depth
          • Which events should I collect?
          • Looking closely at clicks and conversions
          • Best practices for sending click and conversion events
          • How the Insights API for JavaScript client handles user identifiers
          • Insights Validator plugin
      • Segmenting your analytics data
        • How to
          • Tag your users by platform
          • Tag your users by age group
          • Tag new and returning users
      • Analytic metrics and reports
    • Connectors
      • Google Tag Manager
      • Segment
    • Personalization
      • What is Personalization?
        • In depth
          • How to build a Personalization strategy
          • Configuring Personalization
      • Personalizing results
        • How to
          • Send Personalization events
          • Managing Personalization via the dashboard
          • Enabling Personalization
    • Leveraging analytics data
      • A/B testing
        • How to
          • Prepare your environment for A/B testing
          • Create and run an A/B test
        • In depth
          • Why do A/B testing?
          • How A/B test scores are calculated
      • Query Suggestions
  • Security
    • API keys
      • How to
        • User-restricted access to data
        • How to restore an API key
      • In depth
        • API key restrictions
    • Security best practices
    • Algolia Vault
  • Going to production
    • Implementation checklist
    • Case study for an online clothing company
  • Scaling
    • Servers and clusters
      • How to
        • Capacity alerts
      • In depth
        • Server specs
    • Distributed Search Network (DSN)
    • Multi-Cluster Management (MCM)
      • How to
        • Implementing MCM
    • Scaling to larger datasets
Algolia.com Glossary Dashboard
Concepts / Building Search UI / Demos
Sep. 26, 2019

Demos

Edit this guide
On this page
  • 1. E-commerce
  • 2. Media
  • 3. Tourism
  • 4. Default Theme

E-commerce

E-commerce demo

View demo View source code

View dataset

Media

Media demo

View demo

View source code

View dataset

Tourism

Tourism demo

View demo

View source code

Default Theme

Default theme demo

View demo

View source code

View dataset

Did you find this page helpful?

© Algolia - Privacy Policy

React InstantSearch v6
InstantSearch Android v2
Angular InstantSearch v3
InstantSearch iOS v5
InstantSearch.js v4
React InstantSearch v6
Vue InstantSearch v2

On this page

  • E-commerce
  • Media
  • Tourism
  • Default Theme
Support Need help?
React InstantSearch v6
InstantSearch Android v2
Angular InstantSearch v3
InstantSearch iOS v5
InstantSearch.js v4
React InstantSearch v6
Vue InstantSearch v2