Fall for Wpmet Up to 83% OFF
MetForm has Auth integration that allow you to connect your WordPress forms with third-party apps. This lets you safely transfer information between multiple platforms with proper authentication and conditional access.
Quick Overview
This documentation will guide you to integrate MetForm with Auth for data security and authentication. The free version of MetForm comes with this feature. But, you will need Elementor free as MetForm supports its drag-and-drop interface.
Tools needed: Elementor (free) & MetForm (free).
Now, you have to add a login form and enable Auth login with necessary settings. Similarly, add a registration form and enable Auth registration by providing required info. Finally, submit data and your all entries will be stored All Users tab under Users.
How to integrate MetForm with Auth #
Here is the four step tutorial to integrate MetForm with Auth:
Step 1: Create a Login form #
First, you need to add a login form with MetForm. For that, visit your WordPress dashboard and navigate to MetForm >> Forms. Then, press the “Add New Form” button and a form creation tab will popup.
From there, you can create a new form with a blank template.
You need to enter the form name, and click the “import” button. Then you will be taken to the Elementor editor.
Step 2: Enable Auth Login #
In the Elementor editor, we dragged and dropped the necessary widgets to build the login form –
- A Text field widget for the Username
- A Password widget for the Password
- A Submit Button widget for Login, then customized each one as shown in the image.
Now, go to All Forms and click on your form to enable Auth option.
Go to the Auth tab and turn on the toggle to enable the Login option.
Then, navigate to the Auth tab from the popup window and take the following attempts:
- Enable Login to display Login System
- Select Username Form Field
- Select User Password Form Field
- Go to General Tab=> Provide Redirect URL in which you want to Log In
- Ones Done, Save Changes
- Now Log In with your Username and Password on the frontend.
- Then, logged in to Provided Redirect URL Admin Panel.
Step 3: Create a register form #
Similar to the login form, add registration form by taking the following attempts:
- Drag and Drop fields for Registration
- Click on Publish
Now, Go to form Settings, navigate to the Auth tab from the popup window and:
- Enable Registration to display User Registration System
- Select Username Form Field
- Select Email Form Field
- Select Role that means you can choose the User Type for Registration
- Ones Done, Save Changes
Fill Up your Registration Form=> Click on Register and your data will be stored in WordPress.
Step 4: Check submitted entries. #
Now to check submitted entries on the backend, go to Users=> All Users=> You can see the Registered account list with a Role.
