You are here:
Customize Code for Lightning Components on Login Pages
To add custom logic to the Login pages in Experience Builder sites, customize the Lightning component for those pages.
Required Editions
| Available in: both Salesforce Classic and Lightning Experience |
| Available in: Enterprise, Performance, Unlimited, and Developer Editions |
| User Permissions Needed | |
|---|---|
| To create and edit Lightning components: | Customize Application |
Each site has these default Login pages: Check Password, Forgot Password, Login, Login Error, and Register. And each Login page has a standard Lightning component that drives this functionality. If your company or site has any usability, security, or accessibility requirements that aren't supported by preconfigured login components, you can customize the login experience by creating custom components and adding code logic.
- From Setup, in the Quick Find box, enter Lightning Components, and then select Lightning Components.
-
To customize a component, click the one that you want. For example, to
customize the login experience, click loginForm.
- On the Lightning component detail page, click Developer Console.
-
In the Developer Console workspace, add
implements="forceCommunity:availableForAllPageTypes"to the<aura:component>tag. Implementing theforceCommunity:availableForAllPageTypesinterface exposes the component in Experience Builder. - Add custom code logic and save your changes as a new custom component.
-
Go back to Experience Builder in
your site and bring up the Login page from the list of pages. The custom
component you created appears on the list of components.
Did this article solve your issue?
Let us know so we can improve!
