---
title: Search page architecture (Deprecated)
slug: '1235'
canonical_url: https://docs.coveo.com/en/1235/
collection: coveo-for-salesforce
source_format: adoc
---
# Search page architecture (Deprecated)
> **Deprecated**
>
> This feature is still available, but no longer supported as of the August 2023 release of Coveo for Salesforce version [5.2](https://docs.coveo.com/en/n5bj0150#august-2023-release-v5-2-initial-release).
The Coveo [JavaScript Search Framework](https://docs.coveo.com/en/375/) bundled with the Coveo for Salesforce package is used to create search pages.
A search page within Salesforce leverages the JavaScript Search Framework [concepts](https://docs.coveo.com/en/286/) and is essentially made up of two elements: a Visualforce page, and a Visualforce component.
## Visualforce page
A Visualforce page allows you to hook yourself directly to the JavaScript Search Framework.
When accessed for the first time, it launches the automatic search page creation process (see [Creating your first full JavaScript search page in Salesforce](https://docs.coveo.com/en/1323/)).
When the page is already created, you can use the [Interface Editor](https://docs.coveo.com/en/1852/) to easily customize its layout and components.
```xml
```
The `SearchInterface` loads all the JavaScript Search dependencies, therefore shielding you from having to manage the framework core essential.
You can also review the constitution of the JavaScript Search by looking within the static resources of the `CoveoJsSearch`.
## Visualforce component
A search page is composed of HTML tags complemented with well-known CSS classes.
Each of these classes corresponds to a component to be instantiated during the initialization (see [Components](https://docs.coveo.com/en/346/)).
The HTML code below is generated by the Interface Editor when you publish your search page.
It's equivalent to the `` section of a standard web page.
```xml
```
Generating an initial search page is the best way to understand what happens behind the scenes.
You can use the Interface Editor in **Advanced Mode** to discover all the available components and parameters, make changes, and switch between the **Components** and **Code** tabs to understand how the HTML code is modified.
In addition to the basic structure of a search page, it's essential to understand the flow of events that allow for control and presentation of a search page (see [JavaScript Search Framework events](https://docs.coveo.com/en/417/)).