Search by Algolia
Introducing new developer-friendly pricing
algolia

Introducing new developer-friendly pricing

Hey there, developers! At Algolia, we believe everyone should have the opportunity to bring a best-in-class search experience ...

Nick Vlku

VP of Product Growth

What is online visual merchandising?
e-commerce

What is online visual merchandising?

Eye-catching mannequins. Bright, colorful signage. Soothing interior design. Exquisite product displays. In short, amazing store merchandising. For shoppers in ...

Catherine Dee

Search and Discovery writer

Introducing the new Algolia no-code data connector platform
engineering

Introducing the new Algolia no-code data connector platform

Ingesting data should be easy, but all too often, it can be anything but. Data can come in many different ...

Keshia Rose

Staff Product Manager, Data Connectivity

Customer-centric site search trends
e-commerce

Customer-centric site search trends

Everyday there are new messages in the market about what technology to buy, how to position your company against the ...

Piyush Patel

Chief Strategic Business Development Officer

What is online retail merchandising? An introduction
e-commerce

What is online retail merchandising? An introduction

Done any shopping on an ecommerce website lately? If so, you know a smooth online shopper experience is not optional ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

5 considerations for Black Friday 2023 readiness
e-commerce

5 considerations for Black Friday 2023 readiness

It’s hard to imagine having to think about Black Friday less than 4 months out from the previous one ...

Piyush Patel

Chief Strategic Business Development Officer

How to increase your sales and ROI with optimized ecommerce merchandising
e-commerce

How to increase your sales and ROI with optimized ecommerce merchandising

What happens if an online shopper arrives on your ecommerce site and: Your navigation provides no obvious or helpful direction ...

Catherine Dee

Search and Discovery writer

Mobile search UX best practices, part 3: Optimizing display of search results
ux

Mobile search UX best practices, part 3: Optimizing display of search results

In part 1 of this blog-post series, we looked at app interface design obstacles in the mobile search experience ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Mobile search UX best practices, part 2: Streamlining search functionality
ux

Mobile search UX best practices, part 2: Streamlining search functionality

In part 1 of this series on mobile UX design, we talked about how designing a successful search user experience ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Mobile search UX best practices, part 1: Understanding the challenges
ux

Mobile search UX best practices, part 1: Understanding the challenges

Welcome to our three-part series on creating winning search UX design for your mobile app! This post identifies developer ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Teaching English with Zapier and Algolia
engineering

Teaching English with Zapier and Algolia

National No Code Day falls on March 11th in the United States to encourage more people to build things online ...

Alita Leite da Silva

How AI search enables ecommerce companies to boost revenue and cut costs
ai

How AI search enables ecommerce companies to boost revenue and cut costs

Consulting powerhouse McKinsey is bullish on AI. Their forecasting estimates that AI could add around 16 percent to global GDP ...

Michelle Adams

Chief Revenue Officer at Algolia

What is digital product merchandising?
e-commerce

What is digital product merchandising?

How do you sell a product when your customers can’t assess it in person: pick it up, feel what ...

Catherine Dee

Search and Discovery writer

Scaling marketplace search with AI
ai

Scaling marketplace search with AI

It is clear that for online businesses and especially for Marketplaces, content discovery can be especially challenging due to the ...

Bharat Guruprakash

Chief Product Officer

The changing face of digital merchandising
e-commerce

The changing face of digital merchandising

This 2-part feature dives into the transformational journey made by digital merchandising to drive positive ecommerce experiences. Part 1 ...

Reshma Iyer

Director of Product Marketing, Ecommerce

What’s a convolutional neural network and how is it used for image recognition in search?
ai

What’s a convolutional neural network and how is it used for image recognition in search?

A social media user is shown snapshots of people he may know based on face-recognition technology and asked if ...

Catherine Dee

Search and Discovery writer

What’s organizational knowledge and how can you make it accessible to the right people?
product

What’s organizational knowledge and how can you make it accessible to the right people?

How’s your company’s organizational knowledge holding up? In other words, if an employee were to leave, would they ...

Catherine Dee

Search and Discovery writer

Adding trending recommendations to your existing e-commerce store
engineering

Adding trending recommendations to your existing e-commerce store

Recommendations can make or break an online shopping experience. In a world full of endless choices and infinite scrolling, recommendations ...

Ashley Huynh

Looking for something?

How we used Algolia to make our support experience better
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

Zendesk + Algolia: A Discovery Experience to Delight Your Customers
product

Maxime Prades

VP of Product

Customer Support Update, November 2021
product

Maria Schreiber

Solutions Engineer, New York