Branding is a way to motivates the buyer, concretes user loyalty, and delivers the message clearly.After Salesforce Winter’14 release any organization thatise using Salesforce, able to customize Salesforce login page.
What means of Customizing login page?
Now you can change the look and feel of your login page by adding a background color, custom +logo, and right-frame content.
What are the Prerequisites?
At least one Domain is enabled for your organization.To check this follow the path Name | Setup | Administration Setup | Domain Management | Domains and check whether a domain is enabled for your salesforce org or not. If you want to add Domain and don’t know how to do that, then click on link (Adding a Domain).
To customizing your login page follow the instruction:
1. Navigate to Name | Setup | Administration Setup | Domain Management | My Domain.
2. Click on Edit button under ‘Login Page Branding‘ section
3. If you want to customize your logo, upload an image.
Note :- Images can be .jpg, .gif or .png files up to 100 KB in size. Maximum image size is 250px by 125px.
Header Logo
Here I used below image as a logo.
Logo
4. If you want to change your login page background, it’s very easy to click the color picker or enter a valid hexadecimal color code.
Background Color
5. To change right side iframe on the login page, enter URL to ‘Right Frame URL‘ Box
Right Frame URL
In above screenshot, i have used one of imaURLurl from my old blogpost.
Note: – Content must be located at a URL that uses SSL encryption and the https:// prefix. Maximum content size is 478px by 397px.
6. Optionally, You can select additional authentication services to include on your login page.
7. Finally click on Save Button, to save your work.
8. Now logout from salesforce and go to login page by using your domain like for me it’s (https://rakeshistom-dev-ed.my.salesforce.com/)
My developer org login page
So what you thinking now !!! Do the same for your org and please leave you comments.
19 thoughts on “Branding your salesforce Login Page”
Alex TM
Hi Rakesh, have you any idea what the new dimensions are for the Winter ’16 release for the right hand URL picture are? It’s much bigger now, but i can’t find the new dimensions in the release notes.
Rakesh Gupta
Try this 572*462
Alex TM
Are you sure that is right Rakesh? The proportions don’t seem to match that. I would expect the eight to be almost double the wdith
Michael Allen
I have just done this for a client and it appears there are no constraints on the image for the right side in the post Winter 16 release. I uploaded an image over 1000px wide expecting it to scale to fit the available space and resize dynamically depending on screen size. Sadly it does not. I have resorted to creating an image file of 1000px x 1500 px and arranged the picture in the top left of the image (size 900 x 750 px). The remainder of the image file is the same colour as the left panel background. On the majority of screens, only the image is visible (or a portion of it). For very large screens, a border can be seen at the right and bottom of the image which is the same colour as the left panel so as not to look poor.
Sagvi
Thank U
Rakesh Gupta
Thanks!
Rohan
Hi Rakesh,
Can you please elaborate how to get image on the right side of the page.
I tried my best to get it but couldn’t succeed.
Which URL i need to insert in the Right Frame URL section.
Thanks in advance.
Rakesh Gupta
Hi Rohan,
Good question. To get image on the right side you can try below options
1) Upload Image on Chatter file, Now go to file sharing settings >> Share via link, so you will get a link and you can use the same link on right frame url.(https://cs5.salesforce.com/sfc/p/#O0000004xLCQ/a/O00000004Cs3/rm8fJxqV5j.6VkwR0CcqvQdWs4N1z.A0cv3zFhK1AZM=)
2) upload image on some unauthenticated site and use in right frame url.
3) http://www.screencast.com/ you can upload your image on this site and use.
Sagvi
Hello I have a dough,i used to upload a image in http://www.screencast.com and used this url image was come with http://www.screencast.com
Pingback: Rakesh Gupta’s Salesforce Newsletter of the Week – 01st Mar 2014 « Rakesh Gupta's Blog
Pravesh Rana
Hi, Rakesh can we add buttons at the bottom of the standard login page, as it is showing in the demo present on the following page.
http://blogs.developerforce.com/developer-relations/2013/09/login-to-your-salesforce-org-with-openid-connect-in-winter-14.html
Thanks for the help.
Rakesh Gupta
Hi Pravesh,
Yes you can, use OpenID connect as SSO.
Regards,
Rakesh
Rakesh Gupta
For that you have to use custom urls, you can easily create it. I don’t think so you can add button on login.salesforce.com page
dee
Hi, I am having difficulty with the right side frame image. I am trying to reference my company website & not working the size is the issue.How do I get about finding the the recommended size component on my company website. OR how do I reference something ,similar to yours.
Highly appreciate all your help!
Rakesh Gupta
are you still facing same problem ? Sorry fro delay in response
robin
Everything is ok..but i am not getting right side frame image.
What is the reason.
nandini
Rakesh I donot see Login Page Branding‘ section under myDomain. I am winter 14 release and I have 1 domain registered
ashish
Same here, not able to find Login page branding section.
SutoCom
Reblogged this on Sutoprise Avenue, A SutoCom Source.