Setup Sub-Domain And Customize Our Login Page In Salesforce

Introduction

 
Salesforce gives a sub-domain feature to every user for easy access, created under the Salesforce domain. Imagine Salesforce is like a universe, in this universe you create your own empire and it's  called sub-domain.
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
In Salesforce sub-domain gives many controls over the login process and authentication methods. It gives an individual and customizable login page to your sub-domain.
 
These controls are,
  • SSO (single sign-on)
  • Social media authentication
  • Multiple domains working in single browser
By reading this article, you will learn about how to setup a sub-domain and customize sub-domain login page in salesforce. 
 
Prerequisites
 
Before starting this process, you have to sign up in the Salesforce developer edition account.
 
Note
Read my previous article to know about developer editions and setup (Creating Salesforce Developer Edition Account and Connect with Trailhead Org)
 

Setup Our Salesforce Custom Domain

 
Step 1
 
Login to your developer account.
 
Step 2
 
Click the Gear wheel icon and then click the “Setup” to open our setup page.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 3
 
In the setup page, search “My domain” in the quick find search box and then click “My domain” from suggestions.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 4
 
In my domain page, first enter your name or company name. But this name should be unique. Next click the “Check Availability” button.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 5
 
If your domain is available, click the “Register Domain” button to create your sub-domain in Salesforce.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 6
 
On the next page, it displays our sub-domain name. Wait for 5 minutes and then after reload the page or check your email.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 7
 
After reloading that page the “Login” button will display in that page. Click the “Login” button.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 8
 
After clicking the login button, it asks you for your mobile number for the verification process. Select your country and enter your mobile number in that field and then click the “Register” button.
 
Your sub-domain URL is displayed in you browser's URL box.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 9
 
Your verification code is sent to your mobile. Enter the verification code and then click the “Verify” button.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 10
 
After completing your verification, click the “Deploy to Users” button to deploy the sub-domain to access anywhere from the universe.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 11
 
Your browser prompts for some information, click the “Ok” button.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 12
 
Your subdomain is successfully deployed and it is ready to access anywhere from the universe.
 
Copy the Sub-domain URL from that page
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Test our sub-domain
 
Open another browser and then paste a copied URL in browser URL box
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Our subdomain individual login page is opened. Next, we are customizing this login page, it displays our favorite logo or company logo.
 

Customize Our Sub-Domain Login Page

 
Step 1
 
Go to Developer editions, My domain setup page, click “Edit” button in authentication configuration.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 2
 
In the authentication configuration page upload your favorite or company logo, choose background color and paste any image link for the right side image frame.
 
Sample image attached in this article resource.
 
Copy this link for right side frame https://firebasestorage.googleapis.com/v0/b/csharpcorner-adv-app.appspot.com/o/rightbanner.jpg?alt=media&token=841228c2-c68b-473e-89d2-8262ffa6dd0b then finally click the “Save” button.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 3
 
Again, copy and paste your subdomain URL in another browser. Your individual login page logo, background color and right-side image are changed.
 
Give your developer login credentials and then click the “Login” button.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 
Step 4
 
The verification page also displays our own logo. Enter your mobile verification code and then click the “Verify” button.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce
 

Summary

 
Click the profile badge icon at top right corner in developer page, our developer domain name will be changed. We successfully set up our subdomain and customized our sub-domain login page in Salesforce.
 
Setup Sub-Domain And Customize Our Login Page In Salesforce