---
title: Custom Multi-Sort tutorial - Integrate the component
slug: '2259'
canonical_url: https://docs.coveo.com/en/2259/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Custom Multi-Sort tutorial - Integrate the component
> **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.

This page covers how to integrate our custom component in any existing search interface.

## Inserting the Component in the Required Placeholder

Since our component is a sort component, we want to be able to insert it in the Coveo Sorts placeholder.

. In the Content Editor, under **sitecore** > **Layout** > **Placeholder Settings**, create a new folder named **Coveo Hive Custom**
. Right-click this folder, and select **Insert From Template**.

![Performing an Insert from template on the Coveo Hive Custom folder in the Content Editor | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699560.png)

. Under **templates** > **Coveo Hive** > **Structure**, select **Placeholder Extender**.
Change its name to **Multi Sort Placeholder Extension**.

![Sitecore Content Editor folder structure showing the Placeholder Extender item | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699561.png)

. In the **Placeholder Setting** field, select the **Sorts** placeholder, located under **Coveo Hive**> **Sorts**.
. In the **Allowed Controls** field, select your custom **Multi Sort** rendering.

![Adding the custom component to the allowed renderings for the default Sorts placeholder | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699562.png)

This adds the custom component in the allowed renderings for the default Sorts placeholder.

## Inserting the Component in the Search Interface

The following steps are used to insert our custom component into an existing search interface.

Get into the Experience Editor, in a Coveo Hive search interface of your choice.

. Find a sort component, and click **Navigate to Parent**.

![Navigating to the parent using the component toolbar in the Sitecore Experience Editor | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699563.png)

 .. This selects the **Sorts** placeholder, which we patched in the previous steps.

. Click **Add here**.

![Screenshot showing how to add a component to the Sorts placeholder in the Sitecore Experience Editor | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699564.png)

. You should see your new component.
Select it, and click **Select**.

![Selecting the Multi Sort component to insert it into the Sorts placeholder | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699565.png)

. Click **Change Associated Content**.

![Changing the associated content for the Multi Sort component | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699566.png)

. Create a new data source for this component and click OK.
For this example, we'll place it in our local **Sorts Parameters Folder**.

![Creating a new data source for the Multi Sort component | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699567.png)

. Save the page.

## Result

You should now see your component in the search interface.

![The Sitecore Experience Editor showing the Multi Sort component | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699568.png)

In the next step, we'll add some options for this component.