Loading
Experience Cloud
Table of Contents
Select Filters

          No results
          No results
          Here are some search tips

          Check the spelling of your keywords.
          Use more general search terms.
          Select fewer filters to broaden your search.

          Search all of Salesforce Help
          Brand Your Salesforce Tabs + Visualforce Site

          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 ChoiceWhere 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.
           
          Loading
          Salesforce Help | Article