---
title: Placeholder Section
slug: '3072'
canonical_url: https://docs.coveo.com/en/3072/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Placeholder 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)
Section that adds a dynamic placeholder for your custom components (see [Insert custom components in an existing search interface](https://docs.coveo.com/en/2340/)).

## Usage notes

* For the dynamic placeholder to be displayed in the **Experience Editor**, create a `Placeholder` item under the `Placeholder Settings` item in the **Content Editor**.
The `Placeholder Key` field value in this `Placeholder` item and the **{{ page.title }}** rendering data source `Placeholder key` option value must match.
* Avoid storing your custom `Placeholder` items in the `sitecore/Layout/Placeholder Settings/Coveo Hive` folder.
Coveo Hive folders are overwritten during an upgrade.

## Insertion location


<div>
<h3>Coveo Hive</h3>
  <p>The <strong>Placeholder Section</strong> rendering is an Allowed Control in the following placeholder(s): <code class="highlighter-rouge">UI Header</code>, <code class="highlighter-rouge">UI Footer</code>, <code class="highlighter-rouge">Footer Section</code>, <code class="highlighter-rouge">Header Section</code>, <code class="highlighter-rouge">Main Section</code></p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/placeholder-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>Placeholder Section</strong> rendering.
  </div>
</div>
<div>
<h3>Coveo Hive SXA</h3>
  <p>Coveo for Sitecore SXA doesn't include a <strong>Placeholder Section</strong> rendering. Use a Sitecore container or splitter to create a section for your custom rendering.</p>
</div>
<div>
  <h2 id="data-source-options">Data Source Options</h2>
  <div class="table-wrap">
<table>
  <tbody>
    <tr>
      <th width="30%">Option name</th>
      <th>Description</th>
    </tr>
    <tr>
      <td>Placeholder key</td>
      <td>The key of the placeholder to add</td>
    </tr>
  </tbody>
</table>
</div>
  <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">sc-part-of=</span><span class="s">"placeholder rendering"</span> <span class="na">class=</span><span class="s">"scEnabledChrome chromeWithDatasource"</span><span class="nt">&gt;</span>
  <span class="nt">&lt;div&gt;</span>Placeholder Section: my-custom-placeholder<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
</code></pre></div>  </div>
  <p><img src="{{ site.baseurl }}/assets/images/c4sc-v5/placeholder-section-animated.gif" alt="Animation showing Placeholder Section toolbar followed by inner placeholder | Coveo for Sitecore 5" /></p>
</div>