Customers

To create user registration and authorization pages, we will need to make 4 screens and use forms: authorization, registration, password reset, profile form

Containers must have #login-form, #restore-form, #registration-form and #profile-form tags. You can use prototype actions with these containers; in this case, after a successful action, you will be taken to the next screen.

Each container must have a #submit-button element inside it. This is a button that, when clicked, will perform the authorization, registration, update or password reset action.

Also inside the container there may (but not necessarily) be a container with the #error-message tag - this container will be shown in case of an error.

Also inside the container there may (but not necessarily) be a container with the #notvalid-message tag - this container will be shown if the email is entered incorrectly

The #login-form container must contain two fields: #email-field and #password-field - they will be converted to input fields.

Setting up and managing users

In the control panel you can configure the necessary fields for the authorization form and user profile

Setting up an authorization form in Figma

Figma

Design the page the way you like, add a container with the authorization form and the #login-form tag

Moxly

Setting up an registration form in Figma

Figma

Design the page the way you like, add a container with the registration form and the #registration-form tag

Moxly

Setting up a password reset form in Figma

Figma

Design the page the way you like, add a container with the registration form and the #restore-form tag

Moxly

Configuring the user profile screen in Figma

Figma

Design the page the way you like, add a container with the registration form and the #profile-form tag

Moxly