---
title: Hosted Search Page component
slug: l54d0229
canonical_url: https://docs.coveo.com/en/l54d0229/
collection: coveo-for-zendesk
source_format: adoc
---
# Hosted Search Page component
The Coveo Hosted Search Page component lets you leverage legacy [hosted search pages](https://docs.coveo.com/en/2866/) and Coveo's legacy [Interface Editor](https://docs.coveo.com/en/1852/) to directly change the configuration of your Zendesk search page.
It also allows you to manage your search page templates from your [Coveo Administration Console](https://docs.coveo.com/en/183/) instead of copying the page template directly into the Zendesk template code.

> **Note**
>
> The Coveo Hosted Search Page component requires Zendesk v0.0.2 or later.

## Use the Coveo Hosted Search Page component

For steps on accessing the folders in the Customize design window of Zendesk, see [**Customizing your help center theme**](https://support.zendesk.com/hc/en-us/articles/203664326).

1. Customize your Help Center theme.

2. Once you've decided where you want the search page to display, insert the following HTML code:

```html
<CoveoHostedSearchPage data-page-name='<PAGE_NAME>'/>
```

3. Replace `<PAGE_NAME>` with the name of the [legacy hosted search page that you created](https://docs.coveo.com/en/1656/) in the [**Search Pages**](https://platform.cloud.coveo.com/admin/#/orgid/search/search-pages/) ([platform-ca](https://platform-ca.cloud.coveo.com/admin/#/orgid/search/search-pages/) | [platform-eu](https://platform-eu.cloud.coveo.com/admin/#/orgid/search/search-pages/) | [platform-au](https://platform-au.cloud.coveo.com/admin/#/orgid/search/search-pages/)) page of the [Coveo Administration Console](https://docs.coveo.com/en/183/).

4. Click **Save** and reload the page.
The search page template will load where the HTML tag was added.