How to Create Systeme.io Contact on Elementor Form Submission Using Pabbly Connect

Learn how to integrate Elementor with Systeme.io to create contacts automatically using Pabbly Connect. Follow our step-by-step tutorial for seamless automation. Revolutionize your productivity approach with just a few strategic clicks. Uncover professional methods for connecting applications and creating workflows that reclaim hours of your week.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Automation

To create a Systeme.io contact on Elementor form submission, you need to access Pabbly Connect. Start by visiting the Pabbly Connect website and signing in to your account. If you are new, you can sign up for a free account that gives you 100 free tasks every month.

Once logged in, you will see the Pabbly Connect dashboard. From here, select the option to create a new workflow. This is where you will set up the automation process that connects Elementor and Systeme.io through Pabbly Connect.

2. Creating a Workflow in Pabbly Connect

To begin, click on the ‘Create Workflow’ button located in the top right corner. A dialog box will pop up asking for a workflow name. You can name it something like ‘Systeme.io Contact on Elementor Form Submission’. This name will help you identify the workflow later.

• Choose a relevant name for your workflow.
• Select the appropriate folder to save your workflow.
• Click on ‘Create’ to set up your workflow.

After creating the workflow, you will see two sections: Trigger and Action. The trigger will be Elementor, and the action will be Systeme.io. This setup is crucial because it allows Pabbly Connect to capture the data from the Elementor form submission and create a contact in Systeme.io.

3. Setting Up the Trigger for Elementor Form Submission

Click on the arrow in the Trigger section to choose your trigger application. Select ‘Elementor’ as the trigger application and choose ‘New Form Submission’ as the trigger event. This means that every time a new form is submitted, Pabbly Connect will capture the response.

After selecting the trigger, Pabbly Connect will provide you with a webhook URL. You need to copy this URL to connect Elementor with Pabbly Connect. Open your Elementor account and navigate to the form you created.

• Click on ‘Actions After Submit’ in Elementor.
• Select ‘Webhooks’ and paste the copied webhook URL.
• Click ‘Update’ to save your changes.

Once you have updated the form, return to Pabbly Connect to ensure it is waiting for the webhook response. This confirms that the trigger is set up correctly.

4. Setting Up the Action to Create a Contact in Systeme.io

Next, you will set up the action step in Pabbly Connect. Click on the arrow in the Action section and select ‘Systeme.io’ as the action application. Then choose ‘Create Contact’ as the action event. This action will create a new contact in Systeme.io whenever a new form is submitted through Elementor.

To connect Systeme.io with Pabbly Connect, you need to click on ‘Connect’. A new window will appear prompting you to enter your API key. To get this key, log in to your Systeme.io account, navigate to the profile settings, and select ‘Pabbly API Keys’. Create a new key and copy it.

Generate a new API key in Systeme.io. Paste the API key into Pabbly Connect. Save the connection to finalize it.

After connecting, you will need to map the data fields from the Elementor form to the Systeme.io contact fields. This mapping process ensures that the data captured in the form is correctly sent to Systeme.io.

5. Testing the Integration with Pabbly Connect

With the action set up, it’s time to test the integration. Go back to your Elementor form and submit a test entry. Fill in the required fields and click submit. Once you submit the form, return to Pabbly Connect to check if it captured the response.

If the integration is successful, you will see the captured data in your Pabbly Connect dashboard. Next, log into your Systeme.io account and refresh the page to confirm that the new contact has been created based on the form submission.

Submit a test form entry in Elementor. Check Pabbly Connect for captured data. Verify the new contact in Systeme.io.

After confirming that the contact is created successfully, you can be assured that the integration between Elementor and Systeme.io is working flawlessly through Pabbly Connect.

Conclusion

In this tutorial, we demonstrated how to create a Systeme.io contact on Elementor form submission using Pabbly Connect. By following the steps outlined, you can automate your contact creation process efficiently. This integration not only saves time but also enhances your workflow, ensuring that every form submission is captured accurately in Systeme.io.