---
title: Use Coveo Search in Salesforce B2C Storefront Reference Architecture (SFRA)
slug: sal3s200
canonical_url: https://docs.coveo.com/en/sal3s200/
collection: coveo-for-commerce
source_format: adoc
---
# Use Coveo Search in Salesforce B2C Storefront Reference Architecture (SFRA)

The [B2C Commerce Storefront Reference Architecture](https://developer.salesforce.com/docs/commerce/sfra) (SFRA) allows for adding custom code to the storefront. This article provides recommendations on how to add the Coveo-powered search to your SFRA storefront.

> **Important**
>
> This article focuses on the [B2C Commerce Storefront Reference Architecture](https://developer.salesforce.com/docs/commerce/sfra) (SFRA).
> However, it's possible to implement the Coveo search in the SiteGenesis architecture.
> 
> Most of the steps are the same for SiteGenesis; those that are different are formatted as **SiteGenesis only** notes.

## Add custom code

By default, an SFRA storefront has the base cartridge, `app_storefront_base`.
To add the Coveo-powered search to your storefront, replace the following files:

* [htmlHead.isml](#htmlhead-isml)

* [pageHeader.isml](#pageheader-isml)

* [search.isml](#search-isml)

* [suggestions.isml](#suggestions-isml)

The templates for adding the Coveo search are included into the `int_coveo_sfra_changes` cartridge.

### htmlHead.isml

Replace the `htmlHead.isml` file located in the `app_storefront_base` cartridge with the `int_coveo_sfra_changes/cartridge/templates/default/common/htmlHead.isml` template.

> **SiteGenesis only**
>
> For SiteGenesis, the template is `int_coveo_sg_changes/cartridge/templates/default/components/header/htmlhead.isml`

You can update the file to suit your needs.

### pageHeader.isml

Replace the `pageHeader.isml` file located in the `app_storefront_base` cartridge with the `int_coveo_sfra_changes/cartridge/templates/default/components/header/pageHeader.isml` template.

> **SiteGenesis only**
>
> For SiteGenesis, the template is `int_coveo_sg_changes/cartridge/templates/default/components/header/header.isml`

You can update the file to suit your needs.

### search.isml

Replace the `search.isml` file located in the `app_storefront_base` cartridge with the `int_coveo_sfra_changes/cartridge/templates/default/components/header/search.isml` template.

> **SiteGenesis only**
>
> For SiteGenesis, the template is `int_coveo_sg_changes/cartridge/templates/default/search/simplesearch.isml`

Update the file as required for your storefront.

### suggestions.isml

Replace the `suggestions.isml` file located in the `app_storefront_base` cartridge with the `int_coveo_sfra_changes/cartridge/templates/default/search/suggestions.isml` template.

> **SiteGenesis only**
>
> For SiteGenesis, the template is `int_coveo_sg_changes/cartridge/templates/default/search/suggestions.isml`

Update the file as required for your storefront.