How To Create a Custom Salesforce Communities Login and Landing Page (Spring 2017)

1.) First go to Customize -> Communities -> Settings and create a domain for your community. I am using ‘SINGH2050’.

2.) Once the Domain Name is Set.Now Create a Community by clicking on New Community. It will look something like this -

3.) Once your community is created.It'll create

CommunitiesLogin(Visualforce Page)

CommunitiesLoginController(Apex Class)

4.) Add a method in above controller forwardToCustomAuthPage()

5.) Modify the Visualforce something like this -

6.) Now create your custom Login Page "CustomLoginPage(Visualforce Page)"

7.) Now Create its Controller "CustomLoginController(Apex Class)".

____________________________________________________________________________________

8.) This Page will Land to "CommunityWelcomePage(Visualforce Page)".

____________________________________________________________________________________

9.) Once you're done with all this. Click on Community Workspaces. It will open your Workspace in new tab and will look something like this -

10.) Now Click on Administration. It will open the following Page -

11.) Now Go to Pages Tab and click on Go To Force.com

12.) Then add you CustomLoginPage to it by clicking on Site Visualforce Pages.

13.) After that click on Login & Registration Tab. Then set the CustomLoginPage in Login Section.

14.) Then Go To Tabs & add All those Objects that you want to be displayed in your Community.

15.) After that Go to Settings Tab  , SEt whatever the Template you want and click on Activate Community.

16.) There you Go. Now Copy the Community URL

17.) And Login in any Browser. I am Logging in as System Administrator.

18.) And you Landing Page will look something Like that -

Congrats you Custom Community has been created.

Related Post: Salesforce Communities and Licenses