Salesforce Docs Portal

Brand Your Salesforce Tabs + Visualforce Site

If you’re using the Salesforce Tabs + Visualforce template, you can customize the look and feel of your site in Experience Workspaces. You can add your own logo, colors, and copyright so that your site matches your company's branding and is instantly recognizable to your site members.

Required Editions

Available in: both Salesforce Classic and Lightning Experience
Available in: Enterprise, Performance, Unlimited, and Developer Editions
User Permissions Needed
To customize or publish an Experience Cloud site:
  • Create and Set Up Experiences AND View Setup and Configuration AND be a member of the site

    OR

  • View Setup and Configuration AND be a member of the site AND have appropriate role-based site access
Important
Important Follow these steps to design your site’s branding. If you’re using the Experience Builder to create your custom pages, you can use the Experience Builder instead.
  1. Open Experience Workspaces.
  2. Click Administration | Branding.
  3. Use the lookups to choose a header and footer for the site.
    First upload the files for your header and footer to the Documents tab. The header can be a GIF, JPG, or PNG file with a maximum file size of 20 KB. The footer must be an HTML file. The maximum file size for all HTML files is 100 KB. So if you have a footer HTML file that is 70 KB and you want to use an HTML file for the header, it must be 30 KB or smaller.
    The header you choose replaces the Salesforce logo below the global header. The footer you choose replaces the Salesforce copyright and privacy footer.
  4. To choose a predefined color scheme, click Select Color Scheme. To select a color from the color picker, click the text box next to the page section fields.
    Here’s how selected colors show up in your site and in the Salesforce mobile app.
    Color Choice Where It Appears
    Header Background

    Top of the page, under the black global header. If you select an HTML file in the Header field, it overrides this color choice.

    Top of the login page.

    Login page in the Salesforce mobile app.
    Page Background Background color for all pages in your site, excluding the login page.
    Primary Tab when it’s selected.
    Secondary

    Top borders of lists and tables.

    Button on the login page.
    Tertiary Background color for section headers on edit and detail pages.
  5. Click Save.

See Also