User Login Element

Last Update: August 25, 2025

Avada includes a group of Login and Registration Elements to allow you to quickly and easily set up custom login, registration, and/or lost password pages. These are the Avada User Login Element, the Avada User Lost Password Element, and the Avada User Register Element. Used together, this suite of tools gives you a powerful and easy way to administer your users' access to your website.

Watch the video below for a visual overview of the Element, view the Avada User Login Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.
View Element Page!
View Avada Builder Elements!

How To Use The User Login Element

To start, add the Element into your website content. Work your way, one at a time, through the options to configure the User Login Element to your liking.

Element 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.

HeadingDescription
Text AlignChoose the alignment of all content parts. "Text Flow" follows the default text align of the site. "Center" will center all elements.
Form Field LayoutChoose if form fields should be stacked and full width, or if they should be floated.
HeadingChoose a heading text.
Heading ColorChoose a heading color.
CaptionChoose a caption text.
Caption ColorChoose a caption color.
Show LabelsControls if the form field labels should be shown.
Show PlaceholdersControls if the form field placeholders should be shown.
Button SpanChoose to have the button span the full width.
Form Background ColorChoose a background color for the form wrapping box.
Link ColorChoose a link color.
Show Password Reveal IconControls if the password reveal icon should be displayed in the login form.
Show Remember Me CheckboxControls if the remember me checkbox should be displayed in the login form.
Redirection LinkAdd the url to which a user should redirected after form submission. Leave empty to use the same page.
Register LinkAdd the url the "Register" link should open.
Lost Password LinkAdd the url the "Lost Password" link should open.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

In this article