Friday, January 1, 2010

How Do I Add My Own Custom Logo to the Banner?

How do I customize the top banner, so that it displays my company's org, rather than the standard logo?

The logo that displays in the top left corner is defined by the application that you are currently running. Salesforce apps are selected using the drop-down in the top-right corner. In the image below, I'm running the "Ideas" app, which uses the Service Cloud logo.

TRIVIA: The default logo is updated several times a year, with each seasonal upgrade. usually comes up with two or three different logo ideas, and offers Customers a chance to vote for their favorite logos on the Idea Exchange. The logo that wins the most votes is used for the next release.

If you want your own custom logo, then you'll need to build your own "custom app". That's not nearly as difficult as it might sound. In, an App is simply a group of Tabs. The "Sales Cloud" app includes tabs like Account, Contact, Lead, Opportunity, etc. You can create a custom app that uses these same Tabs, but features your company logo. Here's how:

1.) Using image editing software, modify your company logo so that it is less than 300 pixels wide and 55 pixels in height. The image must be a GIF or JPEG format, and less than 20 KB in size. Save this image to the Documents tab. Be sure to mark the image as an "Externally Available Image" when you upload it to the Documents library (see below):

2.) Create your custom app. Select "Setup -> Create -> Apps -> New".

Follow the App Wizard prompts to give the App a name, add your logo, and select the tabs that you want to be visible when users run this app.

That's all there is to it!


Use a logo with a transparent background, unlike my sample above. If you use a logo with a colored background, you'll spend a lot of time tweaking the color scheme of your tabs so that they don't clash with the banner. The cyan background in my sample doesn't blend very well with the default green of the home tab logo ... blech!

During the photo editing stage, trim your logo so that it is exactly 300 x 55 pixels -- even if that means adding a filler space around the edges. If your logo doens't match these dimmensions exactly, Salesforce will resize the image to fit, but not always. You may find that your logo is distorted on some screen transitions, or that it displays outside the banner borders.

Each App that you build can have it's own logo. The number of Apps that you can make (and/or upload from the AppExchange) depends on what type of licenses you have:

Personal Editionn/a
Contact Manager1
Group Edition1
Professional Edition5
Enterprise Edition10
Unlimited EditionUnlimited
Developer Edition10

The custom app that you build (just so that you can display your own company logo) does count against the number of Apps you can download and run from the AppExchange -- so keep that in mind!

Pretty quick, pretty simple!


  1. Are you sure about the limits? That doesn't sound right.

    I don't think the limit on custom apps includes apps downloaded from the appexchange. We're running Enterprise edition and when I look at my Create->Apps list I have 11 apps marked as "custom." Of those only 2 are those I created myself, and the rest are those I grabbed from the appexchange.

    Salesforce's document which breaks down what each edition gets specifically states that the 10 limit applies to "Maximum Custom Applications."

  2. I ran into a problem with downloading apps from the AppExchange for an org that was running enterprise edition. They had an instance similar to yours: 1 Custom App, and 9 AppExchange apps.

    When I engaged Customer Support at the time, it was attributed to the 10 App limit. Although to be fair, I might have "lead the witness" and steered the Customer Support rep into that assessment.

    You've raised a great question -- I'll go do some experimenting (and lobby a second inquiry toward Support) to get clarificatin.

  3. I have a feeling you'll find that the CSR was mistaken and 10 is the limit on true custom apps only. Salesforce wants customers to use as many apps in the AppExchange as they can. I can't see them limiting that functionality until data/file storage or governor limits are involved.

  4. This was amazing and great inspiration. I really like the work.
    website design

  5. Hi

    Thanks for this. Followed your guide, but there's no change. How do I then select this app to be used rather than the default.


    Direct Debit Man

  6. Good blog, where did you come up with the knowledge in this piece of content? I’m glad I found it though, ill be checking back soon to see what other articles you have.