---
title: Recommendations Section
slug: '3048'
canonical_url: https://docs.coveo.com/en/3048/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Recommendations Section
> **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.

![Coveo for Sitecore Specific Rendering](c4sc-v5/sitecore-20-px-new.png)
 This rendering adds a `Recommendations` dynamic placeholder in which you can insert [Coveo Related Query](https://docs.coveo.com/en/3043/) and [Coveo Recommendations](https://docs.coveo.com/en/3042/) renderings.

## Insertion location


<div>
<h3>Coveo Hive</h3>
  <p>The <strong>Recommendations Section</strong> rendering is an Allowed Control in the following placeholder(s): <code class="highlighter-rouge">External Components</code>, <code class="highlighter-rouge">Main Section</code></p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/recommendations-section-hive.mp4" type="video/mp4" />
  Your browser doesn't support the video tag.
</video>
  <div class="figure-caption">Example insertion sequence for the <strong>Recommendations Section</strong> rendering.
  </div>
</div>
<div>
<h3>Coveo Hive SXA</h3>
  <p>Coveo for Sitecore SXA doesn't include a <strong>Recommendations Section</strong> rendering. Use Sitecore containers or splitters to create sections for your <strong>Coveo Related Query</strong> and <strong>Coveo Recommendations</strong> renderings (see <a href="{{ site.baseurl }}/3043/?c4scV5HiveType=tab-hive-with-sxa#insertion-location" target="_blank">Coveo Related Query Insertion Location</a> and <a href="{{ site.baseurl }}/3042/?c4scV5HiveType=tab-hive-with-sxa#insertion-location" target="_blank">Coveo Recommendations Insertion Location</a>).</p>
</div>
<div>
  <h2 id="data-source-options">Data Source Options</h2>
  <p>This rendering doesn't require a data source.</p>
  <h2 id="sample-generated-html-in-experience-editor">Sample Generated HTML in Experience Editor</h2>
  <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"coveo-recommendation-column scEnabledChrome chromeWithDatasource"</span> <span class="na">sc-part-of=</span><span class="s">"placeholder rendering"</span><span class="nt">&gt;</span>
  <span class="nt">&lt;code</span> <span class="err">...</span> <span class="nt">&gt;&lt;/code&gt;</span>
  <span class="nt">&lt;span</span> <span class="err">...</span> <span class="nt">&gt;&lt;/span&gt;</span>
  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"scEnabledChrome scEmptyPlaceholder"</span>
  <span class="na">sc-placeholder-id=</span><span class="s">"_coveo_ui_coveo_ui_content_dynamic_coveo20ee610d_coveo_ui_main_section_coveo_ui_recommendations_dynamic_coveo09bfbdbc"</span>
  <span class="na">sc-part-of=</span><span class="s">"placeholder"</span><span class="nt">&gt;&lt;/div&gt;</span>
  <span class="nt">&lt;code</span> <span class="err">...</span> <span class="nt">&gt;&lt;/code&gt;</span>
<span class="nt">&lt;/div&gt;</span>
</code></pre></div>  </div>
  <div class="figure-caption">The <strong>Recommendations Section</strong> rendering floating toolbar code is purposely omitted.</p>
  </div>
</div>