The User Login Module makes it possible for users to access password protected pages and their Profile Page. It is possible to find the User Login Module in the Basic Modules menu only under the Global Styling tab; add it to your website by dragging it from the top bar to a row or column of your preference within the header.
How to edit the User Login Module?
To open the editing menu, double-click on top of the user login module you wish to modify or hover the mouse on top of it to find the blue module menu and click on the Edit option.
1.1. Button Placement
In this section it is possible to define the button placement within the column where it is inserted - to the left, centered or to the right.
1.2. Enable Direct on Login
This button will decide whether users should be redirected to a specific page once they login. Enable the option if you want to specify where should the user land after they have completed the login form.
1.2.1 Redirect on Login
After you have enabled Direct on Login, choose from the dropdown menu which page you want the user to land on after they have logged in. You can also define whether you want it to open on a new tab or not.
Set whether you want visitors to land on an external or an internal page when clicking on the label.
And this is what it looks like for the visitor when they click "Request Access":
When entering the Email address, make sure there is no leading space in front of the Email address or a trailing space after it. This could cause a fail in the Email validation process.
In this section you can style the text within the login button. You can define its font color, size, family, weight, decoration, line height, uppercase, alignment and spacing options.
In this section you can define the background colour and transparency of the login button.
In this section you can define the border colour, width, style and radius of the login button.
When styling the spacing you can define the margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element.
3. Defining Access for Users
To define which users have access to password protected pages, you must tag them in the right User Group and then define the exact same group under Page Settings. Learn how to do that here!
4. CRM LOGIN GLOBAL STYLING
It is possible to find other styling options regarding the actual login box within Global Styling. Under the Global Styling tab, there is the CRM Settings option on the left menu. Click on it to expand the options and you should find the CRM Login menu. Read more about CRM Login Global Styling here!