---
title: Coveo Smart Snippet
slug: latd9063
canonical_url: https://docs.coveo.com/en/latd9063/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Coveo Smart Snippet
> **Legacy feature**
>
> The Coveo Hive Framework is now in maintenance mode and is no longer recommended for new implementations.
> 
> To build new search experiences, use one of Coveo's more modern, lightweight, and responsive libraries.
> To get started, see the [Build search](https://docs.coveo.com/en/2473/) article.


[.version.c4sc.c4sc-new.5-0-1039-1.November-19&-2021]
[Coveo for Sitecore 5.0.1039.1](https://docs.coveo.com/en/l6h90340#release-notes)


Implements the [Coveo JavaScript Search Framework](https://docs.coveo.com/en/187/) [SmartSnippet](https://coveo.github.io/search-ui/components/smartsnippet.html) component which displays the excerpt of a document that's the most likely answer to the user query.

## Usage notes

* A [Coveo ML Smart Snippet model](https://docs.coveo.com/en/l6he0424#create-a-smart-snippet-model) is required.

* [Content-related conditions](https://docs.coveo.com/en/l9le0392#step-1-scope-the-content) must be met for smart snippets to be returned.

* To get smart snippets for Sitecore content, add the [required indexing pipeline extension](https://docs.coveo.com/en/lb3b0166/).

* You can [customize the CSS](https://docs.coveo.com/en/2342/) associated with this rendering.

## Insertion location

### Coveo Hive

The **{doctitle}** rendering is an Allowed Control in the following placeholders: `UI Results Header`, `Results Header`

**Example insertion sequence for the **{doctitle}** rendering.**
video::https://docs.coveo.com/en/assets/images/c4sc-v5/hive-smart-snippet.mp4[width=690]

### Coveo Hive SXA

Coveo for Sitecore SXA rendering insertion locations aren't limited by placeholder Allowed Controls.
The **{doctitle}** rendering may therefore be inserted throughout the partial design, whether in Coveo for Sitecore or Sitecore placeholders.

**Example insertion sequence for the **{doctitle}** rendering.**
video::https://docs.coveo.com/en/assets/images/c4sc-v5/sxa-smart-snippet.mp4[width=690]

## Data source options

The following table lists the available data source options for this rendering.

[%header,cols="33%,66%"]
|===
|Option name
|Description

|Href Template
|See the [hrefTemplate](https://coveo.github.io/search-ui/components/smartsnippet.html#options.hreftemplate) component option.

|Maximum Snippet Height
|See the [maximumSnippetHeight](https://coveo.github.io/search-ui/components/smartsnippet.html#options.maximumsnippetheight) component option.

|Title Field
|See the [`titleField`](https://coveo.github.io/search-ui/components/smartsnippet.html#options.titlefield) component option.

|Use IFrame
|See the [`useIFrame`](https://coveo.github.io/search-ui/components/smartsnippet.html#options.useiframe) component option.

|Additional data attributes
a|{empty}
--
Allows [use of the Coveo JavaScript Search Framework **SmartSnippet** component options](https://docs.coveo.com/en/2776/) that aren't directly available in the data source.
--
|===

## Sample generated HTML and corresponding visual output

```html
<div class="CoveoSmartSnippet"></div>
```

![Smart snippet example | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/smart-snippet-example.png)