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

Learn how to automate the integration between Elementor and Quinton using Pabbly Connect. Follow this detailed tutorial to streamline your contact management process. Explore systematic approaches to creating efficient automation solutions that convert technical concepts into practical, implementable instructions.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To start integrating Elementor with Quinton, you first need to access Pabbly Connect. Begin by signing up for a free account on the Pabbly Connect dashboard. This platform enables seamless automation between different applications.

Once logged in, navigate to the dashboard and click on the ‘Create Workflow’ button. You will be prompted to name your workflow. For this tutorial, name it ‘Elementor to Quinton’ and select the appropriate folder where you want to save this workflow.

2. Setting Up the Trigger in Pabbly Connect

The next step involves setting up the trigger in Pabbly Connect. In the workflow interface, you will find two sections: the trigger window and the action window. Start by selecting ‘Elementor’ as the app for the trigger.

• Choose the trigger event as ‘New Form Submission’ from the dropdown.
• Pabbly Connect will generate a webhook URL that you need to copy.
• Next, open your Elementor form in edit mode and paste the webhook URL into the form settings under ‘Actions After Submit’.

After completing these steps, your Elementor form will be connected to Pabbly Connect. Whenever a new form submission occurs, the data will be captured within the Pabbly Connect workflow.

3. Testing the Trigger Setup in Pabbly Connect

Once the webhook URL is set up, it’s time to test your integration. Go back to your Elementor form and submit a test response. For example, enter the name ‘Demo User’, email ‘[email protected]’, mobile number, and city ‘Delhi’.

After submission, return to your Pabbly Connect workflow. You should see that it indicates it is waiting for a webhook response. Once the form is submitted, it will capture the data, and you will see the details populated in the trigger window.

4. Configuring the Action Step to Add Contacts in Quinton

Now that the trigger is successfully set up, move to the action window in Pabbly Connect. Here, you will select ‘Quinton’ as the app for the action. Choose the action event as ‘Create or Update Contact’.

• Connect your Quinton account by entering the API key and API base URL.
• Map the email address from the Elementor form submission to the primary email field in Quinton.
• You can also map other fields such as first name, last name, and city as required.

After mapping all necessary fields, click on ‘Save and Send Test Request’. If successful, the contact will be added to your Quinton account.

5. Verifying the Integration between Elementor and Quinton

To verify that the integration is working, navigate to your Quinton account and check the contacts section. You should see the test contact you created from the Elementor form submission listed there.

Each time a new form submission occurs in Elementor, Pabbly Connect will automatically add that person as a contact in Quinton. This automation saves time and ensures data accuracy.

Conclusion

In this tutorial, we explored how to use Pabbly Connect to integrate Elementor and Quinton. By automating the contact creation process, you can streamline your workflow and improve efficiency. This integration allows for seamless data transfer, ensuring that every form submission is accurately captured in your CRM.