How to Add a Login & Registration Form to Your Website

El Login & Registration element allows users to log in, sign up, or reset their password on your website. It works with user roles and member blocks, making it ideal for membership sites, online courses, and exclusive content access.

Adding the Login & Registration Form

Step 1: Insert the Login Element

1. Open the page editor.
2. Ir a Agregar elementos → Find Login/Registration under the user section.
3. Drag and drop it onto your page or into a popup.

By default, the login form appears with:

• Email & password fields
• "Remember Me" option
• Links for "Forgot Password" and "Register"

Customizing the Login Form

Step 2: Access Login Settings

1. Click on the Login element.
2. Open the settings panel (top-right corner).
3. In the left menu, select one of the form types:

• Acceso (default)
• Registro (new user signup)
• Forgot Password (password reset)
• Authorize (for user verification)

Step 3: Enable or Disable Features

• Under Advanced Settings, you can:
• Remove "Lost Password" and "Register" links if not needed.
• Redirect users after login to a specific page (dashboard, account page, etc.).
• Customize error messages and success notifications.

Setting Up a Registration Form

Step 4: Create a Signup Form

1. Seleccione el Login element → Change the Type a Registro.
2. The form will now display:

• Nombre
• Correo electrónico
• Password
• Phone Number (optional)

1. Under Advanced Settings, you can:

• Hide unnecessary fields (e.g., remove the phone number).
• Assign a default user role (e.g., Subscriber, Member, Customer).

Step 5: Customize the Signup Experience

• Change the title from "Register" to "Sign Up" for a more engaging CTA.
• Add a redirect after signup, leading users to a welcome page or exclusive content.

Creating a Popup Login/Register Form

A popup login is a cleaner, modern approach that appears when users click a "Login" button.

Step 6: Create a Popup Login

1. Ir a Agregar elementos → Add a Botón.
2. In the Button Link Settings, select Ventana emergente.
3. Hacer clic Create a new popup and name it "Login".
4. Inside the popup, drag and drop the Login element.
5. Save and test the popup.

Now, when users click the button, the Login/Register form will appear in a popup.

Testing & Optimizing for Different Devices

Step 7: Ensure Mobile-Friendly Display

• Check how the login form appears on tablets and mobile devices.
• Adjust form width, text size, and spacing to ensure easy usability.
• If using a popup, make sure it scales properly on smaller screens.

Why Use a Login & Registration System?

Secure User Access – Restrict content to registered users only.

Custom User Roles – Control what members can see or do.

Email List Growth – Collect user data for marketing.

Integración de ventanas emergentes – Create seamless login/register popups.

Diseño fácil de usar – Easy to customize with branding and styles.

With the Login & Registration element, you can easily set up a member login system or a signup form to enhance your website’s functionality.