---
schema_version: "1"
id: 44af4ba9e6d00b10518c7493c2b3b1d1fd9a91f7daa7b56f51b39525daeffd78
title: Add Console Components to Apps in Salesforce Classic
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/console2_components_create_app.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.console2_components_create_app.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 22348b796777b935773506385be76f0f7d654f35d0534e361b7a6f8c62e0ce58
description: After you create a console component, you can add it as a button in the footer of Salesforce console so users have access to it.
products:
  - Salesforce Platform
  - Service Cloud
  - Sales
release: "264"
---
# Add Console Components to Apps in Salesforce Classic

After you create a console component, you can add it as a button in the footer of Salesforce console so users have access to it.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d14429e41">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d14429e41 ">To add custom console components:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d14429e41 ">Customize Application</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d14429e41 ">To create Visualforce pages:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d14429e41 ">Customize Application</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d14429e41 ">To manage canvas apps:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d14429e41 ">Customize Application</td>

          </tr>
        </tbody>
      </table>

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-console-264-0-0-production-enus/75c6dd08-020e-4339-beb1-c617dbcf77fb/images/icon_note.png)

Note

Due to third-party cookie restrictions in modern web browsers, Visualforce pages can’t load in Salesforce Classic console apps when third-party cookies are disabled. See [Visualforce Limitations in Salesforce Classic When Third-Party Cookies are Blocked](https://help.salesforce.com/s/articleView?id=003786014&type=1&language=en_US).

1. From Setup, enter Custom Console Components in the Quick Find box, then select **Custom Console Components**.
2. Click **New**.
3. Type a name for your component.
4. In Button Name, type the label to display on the button users click to launch your component. For example, Chat.
5. In Button CSS, enter the in-line style used to define how the button looks to users who click it to launch your component. The styles supported include font, font color, and background color.
6. Type the width of the button to display in the console.
7. In Component, select Visualforce Page or Canvas App, and either type the name of your component, or click ![Lookup](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-console-264-0-0-production-enus/75c6dd08-020e-4339-beb1-c617dbcf77fb/console/images/lookup20.gif) to find and select it.
    
    ![Tip](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-console-264-0-0-production-enus/75c6dd08-020e-4339-beb1-c617dbcf77fb/images/icon_tip.png)
    
    Tip You can include Lightning components in Visualforce pages. See [Lightning FAQ.](https://developer.salesforce.com/page/Lightning_FAQ#Visualforce_and_Lightning)
8. Type the height and width of the window used to display your component in the console.
9. To prevent users from changing the dimensions of the window used to display your component, click Fixed Width or Fixed Height.
10. Click **Save**.

Before users can access your component, you must assign it to a console. See [Assigning a Custom Console Component to an App](https://help.salesforce.com/s/articleView?id=service.console2_components_assign.htm&release=264.0.0&type=5 "After you add a console component to Salesforce Console apps, you must assign it to each console for user access.").

#### See Also

- [Assign a Console Component to an App in Salesforce Classic](https://help.salesforce.com/s/articleView?id=service.console2_components_assign.htm&release=264.0.0&type=5 "After you add a console component to Salesforce Console apps, you must assign it to each console for user access.")