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

Now that you have added a Modular frame, you should see several new placeholders on your page.

You will now learn how to add some of the most basic components of a search page.

## Add a Search Box component

The search box component is one of the most basic components of a search page.

. In the Sitecore **Experience Editor**, click the **Main Section** placeholder.
. Select and add the **Search Section** control.
This creates a new set of placeholders for the **Coveo Search Box** and its related settings.
. Click the **Search Box** placeholder and select **Add here**.
. Choose the **Search Box Control**.
You'll be asked to choose a **Data Source** item.
Select **Create New Content**.
. Give it the name you want, but make sure you place it in the **Global Search Box** parameters folder item you created when branching the Global Data Sources (see [Data Source Branch Templates](https://docs.coveo.com/en/2878/)).
. Save the page.

> **Important**
>
> You should save after adding a new control, as several controls only appear after the page is saved.

This search box will then use the global settings set in your Data Source branch.
You can modify these settings in the **Presentation** of the item, in the **Content Editor**, or directly in the **Experience Editor**:

. In the **Experience Editor**, select the **Search Box** control.
Then, in the **Coveo Searchbox** window, select the Coveo Icon on the left.
. The property editor should now be visible.
In the **Basic Settings** section, look for the **Placeholder Text** field and enter any text that you want to display in the search box (for example, `Search`).
. Click **OK** to close the window and save the page.
You should now see a placeholder text in the search box input.

![Search Box with Placeholder Text | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/searchbox-2.png)

Later, to create another search box for another project, you can reuse the Data Source you created, including this new placeholder text you added manually.

## Add a Result List Component

Now that you have a search box, you typically add a result list so your results can be displayed.

. In the Sitecore **Experience Editor**, select the Search Box control and use the parent selector button before **More** until you reach the **Main Section**.
. Click **Add here** under the search box.

![Main Section Selector | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/main-section.png)

. Select the **Result Section** control.
A new set of placeholders will appear.
. Select the **Result List** placeholder and add a **Coveo Result List** control.
. To add a new **Data Source** item as required, select **Create New Content**.
. Select the **Global Result List** folder as a parent of the new content item.

## Add the Coveo for Sitecore Analytics Component

Now that you have a functional search page, you must ensure that analytics tracking is in place.
Coveo for Sitecore will notify you with a red message at the top of the page.

![Analytics Error | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/analytics-error.png)

To insert an Analytics component

. Locate and click the **UI Header** placeholder.

![UI Header | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/ui-header.png)

. Select the **Coveo for Sitecore Analytics** rendering.

![Analytics Rendering | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/analytics-rendering.png)

. Create a new **Data Source** under the **Global Analytics** folder.

> **Note**
>
> Analytics will only be sent to the [Coveo Platform](https://docs.coveo.com/en/186/) on the published search page.
> Hence, even if you test a few queries in the **Experience Editor**, they won't be visible in the [Coveo Analytics](https://docs.coveo.com/en/182/) dashboards.

You should now have a functional search box and result list.