User Register Element

Last Update: May 26, 2025

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. Watch the video below for a visual overview of the Element, view the Element demo page for live examples, and read on to see the full list of options.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The User Register Element

To start, add the element to your desired column.

Work you way one at a time through the options to configure the User Register Element to your liking.

Element Options

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.
Registration NoticeChoose a notice text that will be displayed before the register button. Leave empty if no text should be displayed.
Redirection LinkAdd the url to which a user should redirected after form submission. Leave empty to use the same page.
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