Integrating Webflow and Tag Mango with Pabbly Connect

Learn how to integrate Webflow and Tag Mango using Pabbly Connect for seamless user enrollment through form submissions. Learn to create powerful connections between your critical applications without requiring specialized programming knowledge or extensive technical background.

Watch Step By Step Video Tutorial Below

Accessing Pabbly Connect for Integration

To begin integrating Webflow and Tag Mango, the first step is to access Pabbly Connect. You can do this by visiting the Pabbly website and signing into your account. If you are new, you can sign up for free, which provides you with 100 tasks monthly.

Once signed in, navigate to the Pabbly Connect dashboard. Here, you can create a new workflow by clicking on the ‘Create Workflow’ button. You will need to name your workflow, for example, ‘How to Enroll Tag Mango User on Webflow Submission,’ and select a folder to save it in.

Setting Up the Trigger in Pabbly Connect

In this step, we will set up the trigger for our workflow in Pabbly Connect. The trigger application will be Webflow, and the trigger event will be ‘Form Submitted’. This means that every time a form is submitted in Webflow, it will trigger the workflow.

To configure this, select Webflow as your trigger application and the event as ‘Form Submitted’. You will then need to connect your Webflow account by entering the API token. To generate this token, go to your Webflow account, navigate to the site settings, and under API Access, click ‘Generate API Token’. Make sure to grant the necessary permissions for reading and writing forms.

Testing the Trigger Setup in Pabbly Connect

After setting up the trigger in Pabbly Connect, it’s crucial to test it to ensure everything is working correctly. To do this, click on ‘Save and Send Test Request’ in the trigger setup. This will prompt you to submit a test form in Webflow.

Once you fill out the form with dummy data and submit it, return to Pabbly Connect. If the connection is successful, you should see the submitted data captured in the workflow. This confirms that the trigger setup is functioning as intended.

Configuring the Action in Pabbly Connect

The next step is to configure the action in Pabbly Connect. Here, we will select Tag Mango as the action application and the action event will be ‘Migrate User’. This action will enroll the user in Tag Mango based on the form submission details received from Webflow.

To connect Tag Mango, you will need to enter the API key found in your Tag Mango dashboard under ‘Platform Integrations’. After connecting, you will map the fields from the Webflow submission to the corresponding fields in Tag Mango. This includes mapping the user’s name, email, and phone number, ensuring that the data flows seamlessly from Webflow to Tag Mango.

Finalizing and Testing the Integration

Once both the trigger and action are configured in Pabbly Connect, the final step is to test the entire integration. Click on ‘Save and Send Test Request’ in the action setup. This will create a new user in Tag Mango based on the details from the Webflow form submission.

To verify the integration works, check your Tag Mango account under ‘Customers’ to see if the new user has been added. You can repeat the process by submitting another test form in Webflow to confirm that the integration is functional and dynamic, meaning it will work for any future submissions as well.

Conclusion

This guide summarizes the key points and helps you understand the essential features and benefits of using this tool.

In summary, this tutorial has outlined how to integrate Webflow and Tag Mango using Pabbly Connect. By following these steps, you can automate user enrollment based on form submissions, saving time and effort.