Exploring Coveo Atomic's Smart Snippet Component

An Intro To Coveo Atomic Smart Snippet Components

Each and every new release of Coveo Atomic just keeps getting better and the features they are adding are really pushing what makes for a great search experience. The addition of the "Smart Snippet" is just that.

What Is A Smart Snippet?

The Smart Snippet, referenced by atomic-smart-snippet is a component that will display the excerpt of a document that would be the most likely answer to a particular query. You know how when you do searches in Google and sometimes the answer is right there in the search result. You don't have to actually go to the page in question? That's a smart snippet.

Important to note: Your organization needs to have an Enterprise license to take advantage of the Smart Snippet.

When used on a search page it looks like the following:


It's identical to the CoveoSmartSnippet available for the JSUI.

There is also the Smart Snippet Suggestions component which uses this component to provide alternatives to the question you asked. It looks like the following:


How To Style A Smart Snippet?

If you're used to styling an Atomic result then you're already more than halfway there as it's virtually identical. You simply insert a <template> and then inside that a <style> and style away.

            a {
                color: red;

What Does A Smart Snippet Look Like?

To demonstrate what the atomic-smart-snippet looks like, I created a Source, a Query Pipeline, a Smart Snippet ML Model and put it all together and used the Burger King site as a source. You can see below, that without much effort, you can get a decent result.

Coveo Atomic Smart Snippet example

Likewise for atomic-smart-snippet-suggestions.

Coveo Atomic Smart Snippet Suggestions example

Both are extremely powerful and useful components and if you have the Enterprise license, I strongly encourage you to take advantage.

👋 Hey Sitecore Enthusiasts!

Sign up to our bi-weekly newsletter for a bite-sized curation of valuable insight from the Sitecore community.

What’s in it for you?

  • Stay up-to-date with the latest Sitecore news
  • New to Sitecore? Learn tips and tricks to help you navigate this powerful tool
  • Sitecore pro? Expand your skill set and discover troubleshooting tips
  • Browse open careers and opportunities
  • Get a chance to be featured in upcoming editions
  • Learn our secret handshake
  • And more!
Sitecore Snack a newsletter by Fishtank Consulting

Meet David Austin

Development Team Lead | Sitecore Technology MVP x 3


David is a decorated Development Team Lead with Sitecore Technology MVP and Coveo MVP awards, as well as Sitecore CDP & Personalize Certified. He's worked in IT for 25 years; everything ranging from Developer to Business Analyst to Group Lead helping manage everything from Intranet and Internet sites to facility management and application support. David is a dedicated family man who loves to spend time with his girls. He's also an avid photographer and loves to explore new places.

Connect with David