How to Create Mailmodo Contacts on Elementor Form Submission Using Pabbly Connect

Learn how to automate the creation of Mailmodo contacts from Elementor form submissions using Pabbly Connect. Follow our detailed step-by-step tutorial. 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 Automation

To create Mailmodo contacts on Elementor form submission, you need to access Pabbly Connect. Start by visiting the Pabbly Connect homepage at Pabbly.com/connect.

If you’re a new user, click on the ‘Sign Up Free’ option to create an account. Existing users can simply sign in. After signing in, you’ll be directed to the Pabbly Connect dashboard where you can create workflows.

2. Creating a Workflow in Pabbly Connect

In this section, we will create a new workflow in Pabbly Connect to automate the process of adding Mailmodo contacts. Click on the ‘Create Workflow’ button located in the top right corner of the dashboard.

• Name your workflow as ‘Create Mailmodo Contacts on Elementor Form Submission’.
• Select your preferred folder for organizing workflows.
• Click on the ‘Create’ button to finalize your workflow.

After creating the workflow, you will see two essential components: the trigger and action. The trigger will be set to Elementor, and the action will be set to Mailmodo. This setup allows for automated contact creation upon form submissions.

3. Setting Up the Trigger for Elementor Form Submission

To set up the trigger in Pabbly Connect, select Elementor as the trigger application and choose the event as ‘New Form Submission’. This will provide you with a webhook URL that connects Elementor to Pabbly Connect.

Now, head over to your Elementor form in WordPress. Click on ‘Edit with Elementor’ and navigate to the form settings. Under ‘Actions After Submit’, select ‘Webhook’ and paste the webhook URL from Pabbly Connect into the designated field. Finally, click on the ‘Update’ button to save your changes.

4. Testing the Trigger and Receiving Data

After setting up the trigger, it is essential to test if it works correctly. Go back to your Elementor form and fill out the fields with dummy data. Submit the form to trigger the webhook. using Pabbly Connect

• Enter a first name, last name, email, and phone number.
• Click on the ‘Submit’ button after filling out the form.

Upon submission, check your Pabbly Connect dashboard. You should see the response indicating that the form data has been successfully received, including fields like first name, last name, email, and phone number.

5. Setting Up Mailmodo as the Action Application

Next, we will configure the action application in Pabbly Connect. Select Mailmodo as the action application and choose ‘Add Contact to List’ as the action event. Click on ‘Connect’ to establish a new connection.

To set up the connection, provide a name for your connection and enter the API key from your Mailmodo account. You can generate this API key in the Mailmodo settings under the API Keys section. Once the connection is established, map the data from the Elementor form submission fields to the corresponding fields in Mailmodo.

Conclusion

In this tutorial, we demonstrated how to create Mailmodo contacts on Elementor form submission using Pabbly Connect. By following these steps, you can automate the process of adding new contacts effortlessly whenever a form is submitted on your Elementor website. This integration streamlines your workflow and enhances your marketing efforts.