The User Registration Form Block allows you to put empty fields on your website for users to leave their details. This is relevant for things such as asking your visitors to register with your website.
To use the Registration form on your site, you must enable the “Anyone Can Register” setting from Dashboard -> Settings -> General -> Membership.
Follow the below-enlisted steps on how to use the Registration Form block in Spectra:
Step 1: Create a User Registration Form
Go to Spectra Dashboard => Block/Extension => Find Registration Form Block. Check whether the ‘Registration Form’ Block is enabled or not. If disabled, enable it.
Step 2: Once enabled, go to Page/Post and drag and drop the Registration Form Block and you will see the default Form Fields.
You can either remove or add other fields like First Name, Last Name, Re-enter Password, and Terms & Conditions. On individual form fields, you have the option to manage the placeholder text and the Required Mark.
Step 2: Configure Your Form Settings
To configure, visit the General Settings section, here you will be able to do the following –
- New User Role
- Submit Button
- Social Registration
- After Registration Actions
- Validation Messages
- Success/ Error Message
- Google reCAPTCHA
New User Role
Let’s say you have a Membership site, and you require the user registering on your website to have a default User Role as a Subscriber.
So here you can set a default User Role, this role will be set for the user when he/she registers on your website.
To know more about all the User Roles the WordPress provides, refer to the following article.
Under this module, you can set the button text of your choice. Also, you can see the alignment and button size options here.
You have the option to enable Facebook and Google Registration here. Also, you can display the social registration above or below the form.
After Registration Actions
We provide the following Actions which can be performed after the User registers using the User Registration Form –
- Auto Login
- Send Email
Redirect: Using this option you can redirect the user after successful registration to a Thank You page or a login page. You can paste the required Page URL in the URL field under this option.
Auto Login: This option will allow the user to log in to your website automatically. The user will not require to log in after registration as he will be directly logged into the website after the successful registration.
Send Email: This option will send an email to the User with a message that he/she has been successfully registered to your website. You can customize the email content under the Email section.
The Validation Error Message property lets you define a custom error message to display if the validation checks specified in the Validation (Regex) fail.
You have the option to enable the Google reCAPTCHA and can set the versions v2 or v3 as per your choice.
Note that If you are using two forms on the same page with the different reCAPTCHA versions (V2 checkbox and V3), it will create conflicts between the versions. Kindly avoid using different versions on the same page.
Under the Style tab, you can set the form width, padding, row spacing, and label bottom margin. You can add color, gradients, and images to the background. Also, you can see the typography options for the input fields and labels here.