---
title: Use Salesforce page variations
slug: '1212'
canonical_url: https://docs.coveo.com/en/1212/
collection: coveo-for-salesforce
source_format: adoc
---
# Use Salesforce page variations
> **Note**
>
> The Coveo Community Search component is the Locker compliant version of the Coveo Search component.

Salesforce page variations allow you to display different pages in your community based on the audience profile, location, or record type (see https://help.salesforce.com/articleView?id=community_builder_page_visibilty_overview.htm&type=0&language=en_US&release=206.17[Personalization Using Audience Targeting in Experience Builder Sites^]).

You can use the Coveo Community Search component to display different search pages based on the same criteria.

. Access the Salesforce https://help.salesforce.com/articleView?id=community_designer_ui.htm&type=5[Experience Builder^].

. Ensure that you have created a page variation for your desired page (see https://help.salesforce.com/articleView?id=community_builder_page_visibilty_manage.htm&type=0&language=en_US[Create and Manage Audiences in Experience Builder Sites^]).

. Select the page variation you want to modify.

![Page variation selection | Coveo for Salesforce](https://docs.coveo.com/en/assets/images/coveo-for-salesforce/page-variation-selection.png)

. In your page variation, drag the Coveo Community Search component.
.. In the menu on the left, select **Components**.
.. Under **Custom Components**, select the **Search** component.
.. Drag the **Search** component where you want to put it on the page.

. You might notice that the search page is the same one as your default search page.

In the floating option box, under **Name**, enter a new name for your component, preferably one hinting at the audience.

![Community Coveo Search component options | Coveo for Salesforce](https://docs.coveo.com/en/assets/images/coveo-for-salesforce/ccs-options-2.png)

. Set up your search page.
.. In the upper right corner, select **Preview** to access Preview mode.
.. In the Coveo box, select **Set Up a Search Page**.
.. When prompted to select the tabs, select the appropriate tabs.

> **Note**
>
> You can always modify this later.

. Customize the Coveo component to fit your needs using the [Interface Editor](https://docs.coveo.com/en/1852/).

> **Note**
>
> For references on the Coveo JavaScript Search Framework, see https://coveo.github.io/search-ui/globals.html[Coveo JavaScript Search Framework - Reference Documentation^].