Integrate Elementor with Tag Mango Using Pabbly Connect: A Step-by-Step Guide

Learn how to automate user enrollment in Tag Mango through Elementor form submissions using Pabbly Connect. Follow our detailed tutorial for seamless integration. Develop expertise in application integration and learn how to design streamlined automation workflows using proven, simplified approaches.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To start integrating Elementor with Tag Mango, you first need to access Pabbly Connect. Simply go to the Pabbly Connect homepage by typing the URL in your browser. Once there, you can either sign in if you have an existing account or click on ‘Sign up for free’ to create a new account.

Upon signing in, you will be directed to the dashboard where you can create workflows. This is where the integration magic happens. Click on the ‘Create Workflow’ button to begin setting up the automation for enrolling users into Tag Mango upon Elementor form submission.

2. Creating a New Workflow in Pabbly Connect

After accessing Pabbly Connect, the next step is to create a new workflow. You will be prompted to name your workflow; for this tutorial, name it ‘Enroll Tag Mango User on Elementor Form Submission’. Then, choose the appropriate folder for your workflow.

• Name the workflow appropriately for easy identification.
• Select a folder to organize your workflows effectively.

Once your workflow is named and the folder is selected, click on ‘Create’. This will open a new screen where you can set the trigger and action for the automation process. The trigger will be the Elementor form submission, and the action will be enrolling the user in Tag Mango.

3. Setting Up the Trigger with Elementor

In this step, you will configure the trigger in Pabbly Connect. Select Elementor as your trigger application and choose the trigger event as ‘New Form Submission’. This means that the automation will start whenever a new form is submitted through Elementor.

Next, you will receive a webhook URL from Pabbly Connect. This URL is crucial as it acts as a bridge between Elementor and Pabbly Connect. Copy this URL and go to your Elementor account to integrate it into your form settings.

• Select the form you want to connect in Elementor.
• Scroll down to the ‘Actions After Submit’ section and click the plus sign.
• Choose the ‘Webhook’ option and paste the copied URL.

Once you have pasted the URL, click on ‘Publish’ to save the changes. Your Elementor form is now connected to Pabbly Connect, and it will be ready to send data upon submission.

4. Testing the Connection Between Elementor and Pabbly Connect

Now that you have set up the trigger, it’s time to test the connection. Go back to your Elementor form and submit a test entry with dummy data. This will help you verify if the data is captured by Pabbly Connect.

Check the Pabbly Connect dashboard to see if the form submission details are recorded correctly. You should see the name, email, and phone number that you entered in the test submission. If these details appear, your connection is successfully established.

Submit the form with dummy details like name, email, and phone number. Verify the captured data in Pabbly Connect. Ensure all fields match your test submission.

If everything looks good, you’re ready to set up the action that will enroll users in Tag Mango.

5. Configuring the Action to Enroll Users in Tag Mango

In this final step, you will configure the action in Pabbly Connect. Select Tag Mango as your action application and choose the action event as ‘Add User’. This means that whenever a form is submitted, a new user will be created in Tag Mango.

To establish this connection, you will need to enter your Tag Mango API key. This can be found in your Tag Mango dashboard under the Automations tab. Once you have the API key, paste it into Pabbly Connect to create the connection.

Map the form fields from Elementor to the corresponding fields in Tag Mango. Enter the course ID for the course you want to enroll users in. Click on ‘Save and Send Test Request’ to finalize the action setup.

Once you click save, the user will be added to Tag Mango successfully, confirming that your integration is complete. Test this by submitting another entry in your Elementor form to see if the user is enrolled correctly in Tag Mango.

Conclusion

In this tutorial, we have successfully integrated Elementor with Tag Mango using Pabbly Connect. This automation allows for seamless user enrollment upon form submissions, eliminating manual tasks. By following these steps, you can enhance your workflow and improve efficiency in managing course registrations.