Search by Algolia
Feature Spotlight: Query Rules
product

Feature Spotlight: Query Rules

You’re running an ecommerce site for an electronics retailer, and you’re seeing in your analytics that users keep ...

Jaden Baptista

Technical Writer

An introduction to transformer models in neural networks and machine learning
ai

An introduction to transformer models in neural networks and machine learning

What do OpenAI and DeepMind have in common? Give up? These innovative organizations both utilize technology known as transformer models ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

What’s the secret of online merchandise management? Giving store merchandisers the right tools
e-commerce

What’s the secret of online merchandise management? Giving store merchandisers the right tools

As a successful in-store boutique manager in 1994, you might have had your merchandisers adorn your street-facing storefront ...

Catherine Dee

Search and Discovery writer

New features and capabilities in Algolia InstantSearch
engineering

New features and capabilities in Algolia InstantSearch

At Algolia, our business is more than search and discovery, it’s the continuous improvement of site search. If you ...

Haroen Viaene

JavaScript Library Developer

Feature Spotlight: Analytics
product

Feature Spotlight: Analytics

Analytics brings math and data into the otherwise very subjective world of ecommerce. It helps companies quantify how well their ...

Jaden Baptista

Technical Writer

What is clustering?
ai

What is clustering?

Amid all the momentous developments in the generative AI data space, are you a data scientist struggling to make sense ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

What is a vector database?
product

What is a vector database?

Fashion ideas for guest aunt informal summer wedding Funny movie to get my bored high-schoolers off their addictive gaming ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Unlock the power of image-based recommendation with Algolia’s LookingSimilar
engineering

Unlock the power of image-based recommendation with Algolia’s LookingSimilar

Imagine you're visiting an online art gallery and a specific painting catches your eye. You'd like to find ...

Raed Chammam

Senior Software Engineer

Empowering Change: Algolia's Global Giving Days Impact Report
algolia

Empowering Change: Algolia's Global Giving Days Impact Report

At Algolia, our commitment to making a positive impact extends far beyond the digital landscape. We believe in the power ...

Amy Ciba

Senior Manager, People Success

Retail personalization: Give your ecommerce customers the tailored shopping experiences they expect and deserve
e-commerce

Retail personalization: Give your ecommerce customers the tailored shopping experiences they expect and deserve

In today’s post-pandemic-yet-still-super-competitive retail landscape, gaining, keeping, and converting ecommerce customers is no easy ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Algolia x eTail | A busy few days in Boston
algolia

Algolia x eTail | A busy few days in Boston

There are few atmospheres as unique as that of a conference exhibit hall: the air always filled with an indescribable ...

Marissa Wharton

Marketing Content Manager

What are vectors and how do they apply to machine learning?
ai

What are vectors and how do they apply to machine learning?

To consider the question of what vectors are, it helps to be a mathematician, or at least someone who’s ...

Catherine Dee

Search and Discovery writer

Why imports are important in JS
engineering

Why imports are important in JS

My first foray into programming was writing Python on a Raspberry Pi to flicker some LED lights — it wasn’t ...

Jaden Baptista

Technical Writer

What is ecommerce? The complete guide
e-commerce

What is ecommerce? The complete guide

How well do you know the world of modern ecommerce?  With retail ecommerce sales having exceeded $5.7 trillion worldwide ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Data is king: The role of data capture and integrity in embracing AI
ai

Data is king: The role of data capture and integrity in embracing AI

In a world of artificial intelligence (AI), data serves as the foundation for machine learning (ML) models to identify trends ...

Alexandra Anghel

Director of AI Engineering

What are data privacy and data security? Why are they  critical for an organization?
product

What are data privacy and data security? Why are they critical for an organization?

Imagine you’re a leading healthcare provider that performs extensive data collection as part of your patient management. You’re ...

Catherine Dee

Search and Discovery writer

Achieving digital excellence: Algolia's insights from the GDS Retail Digital Summit
e-commerce

Achieving digital excellence: Algolia's insights from the GDS Retail Digital Summit

In an era where customer experience reigns supreme, achieving digital excellence is a worthy goal for retail leaders. But what ...

Marissa Wharton

Marketing Content Manager

AI at scale: Managing ML models over time & across use cases
ai

AI at scale: Managing ML models over time & across use cases

Just a few years ago it would have required considerable resources to build a new AI service from scratch. Of ...

Benoit Perrot

VP, Engineering

Looking for something?

facebookfacebooklinkedinlinkedintwittertwittermailmail

At Algolia, we obsess over the developer experience and pride ourselves on the speed and flexibility of our engine. Building is a craft, and our job is to make it easier for these builders to bring new experiences to life. At times though, using a painting analogy, teams want a paint-by-number solution, and more prescriptive guidance on how to make a client experience better efficiently. Today we’ll share more about improving search on your help center and how Algolia can help Zendesk clients. 

When we moved our support help center to Zendesk, we were keen to build an Algolia powered search experience for our customers that makes it easy for them to find the right solution for their request as fast as possible  We wanted to enable our users to search across our help articles, developer documentation, community content, and our client enablement site (academy.algolia.com), all from within one location. This is what we built:

Auto-Complete Experience

Ticket Form Experience

support ticket form experience

Public Repo on Github, which is a public version of how we integrated Algolia search into our Zendesk frontend: https://github.com/algolia/public-custom-zendesk-search

Here is how we improved this search experience and improved search relevance. 

  • We crawled and indexed multiple sources using the Algolia Crawler
  • Created a behavioral workflow that added content to the sources (adding articles regularly)
  • Out-of-the-box, as-you-type search results made finding the correct article more frictionless
  • Typo-tolerance provides relevant results even in the case of misspellings
  • Search applies heavier ranking priority to articles found to be more useful to end-users
  • Making support articles, documentation, community, and Algolia Academy searchable from a single location allows users to find answers without bouncing back and forth between platforms

The front-end bundle for Algolia’s Help Center search experience consists of:

  • The Autocomplete search on the homepage

support search autocomplete

  • This is accompanied by the smaller search bar on the top right of each page, which is leveraging classic InstantSearch.

smaller search bar design

  • The ticket form request  search: when typing in the “Subject” field, search results will display right underneath the input. 

support result display

In the current site, searches happen on 4 indices across 4 apps:

  • Help Center articles
  • Documentation
  • Discourse posts
  • Algolia Academy

The front end bundle is available via npm packages that is available through jsdelivr.

We then add the files to our Zendesk Help Center theme through simple link and script tags in the theme code editor.

add files to zendesk help center

In Zendesk’s HC document_head.hbs template we added the styles. 

In the footer.hbs template, we added the javascript:

In our workflow, this package does not expose any kind of module or global function in the browser. This means any configuration change must happen through a commit on the package’s repository and then a release.

We organized the following constants:

  • Sources (this is where the Indices and apps are defined)
  • CSS Selectors (for autocomplete and ticket form search initialization, default selectors are the one from the default Help Center theme)
  • Placeholder for the autocomplete
  • Base URLs for the search redirections.

We used Algolia to develop our autocomplete and leveraged some styles from Docsearch.

My experience is clients care about time to value and client experience the most, but price matters. So here is some simple math to help you determine if a help center optimization project with Algolia could make sense for your organization. If the cost per ticket is $10, you need to be confident you can deflect at least 2K tickets via optimizations to justify the expense of Algolia. 

Help center articles are a relatively straightforward implementation, and adding developer docs, blog, learn, community, and additional sources adds some complexity but also increases the impact. More records generally equal more API requests, and incremental cost to scale is low with Algolia. You can try it for free, and I hope the above help show how we can help move the needle for your team by improving your support experience. My experience is that if you can offer time to value & client experience enhancement, people will be happy & recommend your service to others. 

If you need help implementing this solution, check out our support center or contact us.

About the authors
Claudia Rodriguez-Schroeder

linkedin
Fred McFerran

linkedin
Bobby Groves

linkedin

Recommended Articles

Powered byAlgolia Algolia Recommend

Search your knowledge base quickly and easily with Algolia for Zendesk
product

Matthieu Dumont

Senior Software Engineer

Customer Support Update, November 2021
product

Maria Schreiber

Solutions Engineer, New York

API Documentation 2.0: From Browsing to Search
product

Peter Villani

Sr. Tech & Business Writer