---
title: Create a custom Coveo box inside the Salesforce Console for a Coveo Insight
  Panel Classic Component (Deprecated)
slug: '1068'
canonical_url: https://docs.coveo.com/en/1068/
collection: coveo-for-salesforce
source_format: adoc
---
# Create a custom Coveo box inside the Salesforce Console for a Coveo Insight Panel Classic Component (Deprecated)
[.version.no-link.classic]
Salesforce Classic

[.version.c4sf.c4sf-edition.c4sf-pro-enterprise]
[Pro and Enterprise editions](https://docs.coveo.com/en/l2590456#salesforce)


> **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).

Coveo for Salesforce offers a way to create a completely customizable box to be used inside the Salesforce Console.

Here are the steps required to achieve this.

> **Note**
>
> There's an alternative way of doing this, which doesn't require as much configuration (see [Integrate a Coveo Insight Panel Classic Component](https://docs.coveo.com/en/1087/) and [Create a custom Coveo Insight Panel Classic Component](https://docs.coveo.com/en/1300/)).

## Create a new Visualforce page

Create a new page inside Salesforce with the following basic markup.

**Example**

**MyCustomBox**

```xml
<apex:page standardController="Case" cache="false" showheader="false" sidebar="false" standardstylesheets="false">
    Hello world !
</apex:page>
```

* `standardController`: The standard Salesforce controller that must be referenced to get the current record `id`.
In this example, it's the custom `Box` that's used for `Case` objects.
For other types of objects, you can reference other controllers such as `Contact` , `Account`, `Lead`, or `Opportunity`.

* `cache: false`: Since you're developing, you don't want to cache the page.

* `showHeader: false`: Displays the standard Salesforce header in the page if set to `true`.

* `sidebar: false`: Displays the standard Salesforce sidebar in the page if set to `true`.

* `standardstylesheets: false`: Includes the standard Salesforce CSS in the page if set to `true`.

## Edit the layout of the Console to display the page

To display your Visualforce page, you must edit the layout of your Console.
See [Add Console Components to Page Layouts](https://help.salesforce.com/apex/HTViewHelpDoc?id=console2_components_create_page_layouts.htm) for details.

You can then reference your page as follows:

![Salesforce layout editor displaying Accordion style subtab component MyBoxForCase Visualforce page in knowledge sidebar Coveo for Salesforce](https://docs.coveo.com/en/assets/images/coveo-for-salesforce/attachments/27885612/28147771.png)

* **Style**: Select **Accordion** to have many pages/component in your layout.
You can stack them all independently.

* **Width**: Specify the width of the component in the layout.
The wider the component, the more information it can display.

* **Type**: Select **Visualforce Page**.

* **Component**: Enter the name of your **Visualforce page**, with a custom label.

## Verify your layout

Normally, with the page you just created, you should get something that looks like this:

![Salesforce Case page with a Coveo Box Visualforce component showing Hello world placeholder](https://docs.coveo.com/en/assets/images/coveo-for-salesforce/attachments/27885612/28147772.png)

## Create a standard Coveo Box component

Edit your new page to include the [Box Visualforce component](https://docs.coveo.com/en/1103/).

```xml
<apex:page standardController="Case" cache="false" showheader="false" sidebar="false" standardstylesheets="false">
    <CoveoV2:Box recordId="{!id}" debug="true"/>
</apex:page>
```

* `recordId`: The record id of the current object in the page.
The Box component needs this id to create its query and initialize itself.

* `debug`: True.
This includes the debugging version of the resources in the page (Non-minified).

Don't forget to remove this attribute before going to production to speedup loading time.

You should then be able to see something similar to this:

![Coveo for Salesforce Visualforce preview showing links Go to edition and Go to full search above documentation links](https://docs.coveo.com/en/assets/images/coveo-for-salesforce/attachments/27885612/28672193.png)

## What's next?

Since the default Full Search page is linked to a Visualforce page, if you want to customize your Full Search component, you must create a new page including your custom code (see [Create a custom Visualforce search page](https://docs.coveo.com/en/1323/)).