User Register Element


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 Register Element!

User Register
Sign In
Lost Password
For privacy reasons YouTube needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept
View Element Demo Page!

How To Use The User Register Element

Step 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 Register’ 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 Register 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 Register Element output, and remember you can come back into the element to fine tune it.

Element Options

Location: 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.

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

  • Registration Notice – Choose a notice text that will be displayed before the register button. Leave empty if no text should be displayed.

  • Redirection Link – Add the URL to which a user should be redirected to after form submission. Leave empty to use the same page.

  • 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 Screen

Global Options

There are no Global Options for the User Register Element.

User Register Element Parameters

Copy to Clipboard
        • text_align – Choose from default, textflow, or center. Sets the text alignment.
        • heading – The heading text.
        • heading_color – Accepts a hexcode ( #000000 ). Sets the heading text’s color.
        • caption – The caption text.
        • caption_color – Accepts a hexcode ( #000000 ). Sets the caption text’s color.
        • button_fullwidth – Choose from default, yes, or no. Sets wether or not the button will span full width.
        • form_background_color – Accepts a hexcode ( #000000 ). Sets the form wrapping box’s background color.
        • link_color – Accepts a hexcode ( #000000 ). Sets the link’s text color.
        • redirection_link – The URL to which the user is redirected to after form submission. Leave empty to use the same page. For example,
        • hide_on_mobile – Choose from small-visibility, medium-visibility or large-visibility. You can select more than one setting. This will show the element on the selected visibility options, and will hide them on the deselected ones.
        • class – Add a custom class to the wrapping HTML element for further css customization. Learn more here.

        • id – Add a custom id to the wrapping HTML element for further css customization. Learn more here.