Avada comes bundled with a group of Login and Registration Elements to allow you to quickly and easily setup custom login, registration and lost password pages. These are the User Login Element, the User Lost Password Element, and the User Register Element. Used together, this suite of tools gives you a powerful and easy ways to administer your users access to your site. Read below to discover more about the User Login Element!,User Register,Read about the User Register Element!
Read about the User Lost Password Element!,View Element Demo Page!,How To Use The User Login ElementStep 1 – Create a new page or edit an existing one.
Step 2 – Add a container then select your desired column layout.
Step 3 – Click the 『+ Element』 button to bring up the Elements window. Locate the 『User Login』 Element and click it to bring up its options window.
Step 4 – Work you way one at a time through the options to configure the User Login Element to your liking.
Step 5 – Once you have finished configuring the options, click 『Save』 to insert the element into the page. Preview the page to view the User Login Element output, and remember you can come back into the element to fine tune it.
IMPORTANT NOTE: As of Avada 7.4, you can now also add Google reCAPTCHA to the User Login Element. To enable this, simply head to the Global Options, and Form > Google reCAPTCHA, and turn the reCAPTCHA For User Elements option to Yes.767,669 Businesses Trust Avada
Get Avada767,669 Businesses Trust Avada
Get Avada767,669 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in the Options > Avada Builder Elements > User Login section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada』s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
Text Align – Choose the alignment of all content parts. 「Text Flow」 follows the default text align of the site. 「Center」 will center all elements.
Form Field Layout – Choose if form fields should be stacked and full width, or if they should be floated.
Heading – Choose a heading text.
Heading Color – Choose a heading color.
Caption – Choose a caption text.
Caption Color – Choose a caption color.
Show Labels – Controls if the form field labels should be shown.
Show Placeholders – Controls if the form field placeholders should be shown.
Button Span – Choose to have the button span the full width.
Form Background Color – Choose a background color for the form wrapping box. Leave empty for the default value.
Link Color – Choose a link color.
Show Remember Me Checkbox – Controls if the remember me checkbox should be displayed in the login form.
Redirection Link – Add the URL to which a user should be redirected to after form submission. Leave empty to use the same page.
Register Link – Add the URL the 「Register」 link should open.
Lost Password Link – Add the URL the 「Lost Password」 link should open.
Element Visibility – Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS Class – Add a class to the wrapping HTML element.
CSS ID – Add an ID to the wrapping HTML element.
View The Options ScreenGlobal OptionsLocation: Avada > Options > Avada Builder Elements > User Login
The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.
User Login Text Align – Choose the alignment of all content parts. 「Text Flow」 follows the default text align of the site. 「Center」 will center all elements.
User Login Form Field Layout – Choose if form fields should be stacked and full width, or if they should be floated. IMPORTANT: This option only works for the login and the register form.
User Login Show Labels – Controls if the form field labels should be shown.
User Login Show Placeholders – Controls if the form field placeholders should be shown.
User Login Show Remember Me Checkbox – Controls if the remember me checkbox should be displayed in the login form.
User Login Form Background Color – Choose a background color for the form wrapping box. Leave empty for the default value.
View The Options Screen