---
schema_version: "1"
id: 2f97dadb35b8dce89e189c6958867f96f27d50af4c30dfb87f014f059bc9c75b
title: Create Custom Home Page Components
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/home_page_components_custom_create.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.home_page_components_custom_create.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 3f251c5f1d5de1b6cc156578285fe9b6d3f464e68b30df162e360974e57f72d8
description: Use custom components to configure the Salesforce Classic home page for your users. Add HTML, images, links, and more to enhance your users’ productivity.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Create Custom Home Page Components

Use custom components to configure the Salesforce Classic home page for your users. Add HTML, images, links, and more to enhance your users’ productivity.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>All</strong> Editions</td></tr></tbody></table>

<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="d152469e63">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d152469e63 ">To create or change home page layouts:</td>

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

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

Before you begin:

- If you’re creating custom link components, define your Home tab custom links first. See [Custom Buttons and Links](https://help.salesforce.com/s/articleView?id=platform.customize_enterprise.htm&release=264.0.0&type=5 "Custom buttons and links help you integrate Salesforce data with external URLs, applications, your company’s intranet, or other internal office systems.").
- If you’re creating an image component, upload your image to the Documents tab first.
- If you’re creating a Visualforce Area component, create your Visualforce page first.

1. From Setup, enter Home Page Components in the Quick Find box, then select **Home Page Components**.
2. Click **New**.
3. Enter a name for the component. For custom links, this name is displayed as the section heading in the sidebar on the Home tab.
4. Choose the type of component.
5. Click **Next**, and then complete one or more of these steps.
    - For links, select the appropriate custom links, and then click **Add**.
    - For images, click **Insert an image**, choose the document folder, and then select the image file. The image file must be in a public folder and **Externally Available** must be enabled on the document’s properties so that users can view the image.
        
        Keep your image size smaller than 20 KB for optimum performance.
    - For an HTML Area component, choose where to display it—in the wide or narrow column—and then enter your content in the box below.
        
        HTML Area home page components don’t support JavaScript, CSS, iframes, and some other advanced markup. To use JavaScript or other advanced HTML elements in your home page component, we recommend that you use a Visualforce Area component instead.
    - For a Visualforce Area component, choose where to display it—in the wide or narrow column—then select the Visualforce page, and assign it a height.
6. Click **Save**.

After creating the home page component, you need to add it to a home page layout.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)

Note Components in the narrow column are displayed in the sidebar. They aren’t displayed in the sidebar on other pages in Salesforce unless you specify that in your user interface settings or by assigning the Show Custom Sidebar On All Pages permission.

#### See Also

- [Visualforce Area Home Page Components](https://help.salesforce.com/s/articleView?id=platform.home_page_components_custom_vf_overview.htm&release=264.0.0&type=5 "Use Visualforce Area home page components to add dynamic content to your home page. For example, you can present content from partner apps, display charts with the Reports and Dashboards REST API, or add a canvas app to the home page.")
- [Home Page Components Tips and Considerations](https://help.salesforce.com/s/articleView?id=platform.home_page_components_considerations.htm&release=264.0.0&type=5 "Keep these considerations in mind when creating custom components that you want displayed on the Salesforce Classic Home tab.")