Integrating Elementor Forms with Interact Using Pabbly Connect

Learn how to integrate Elementor forms with Interact using Pabbly Connect to automate your workflows seamlessly. Step-by-step guide included! Discover how to seamlessly connect your essential tools through accessible instructions that make powerful automation available to professionals at every skill level.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To begin integrating Elementor forms with Interact, first access Pabbly Connect. You can do this by signing in to your existing account or creating a new one. The process is quick and provides you with 100 free tasks upon signing up.

Once logged in, you will be directed to the Pabbly Connect dashboard. From here, click on the ‘Create Workflow’ button located on the right side of the dashboard to start setting up your integration.

2. Creating a New Workflow in Pabbly Connect

In this section, you will create a new workflow that connects your Elementor form to Interact. Start by naming your workflow appropriately, such as ‘Create Contact and WhatsApp Message from Elementor Form Submission’. This will help you identify the workflow later. using Pabbly Connect

• Select Elementor as your trigger application.
• Choose the trigger event as ‘New Form Submission’.
• Copy the generated webhook URL to connect Elementor with Pabbly Connect.

After copying the webhook URL, you will now proceed to set up the Elementor form to send data to this URL. This is done by going to your Elementor account and editing the form that you want to integrate.

3. Configuring the Elementor Form for Pabbly Connect

To configure your Elementor form, navigate to the submissions section in your WordPress dashboard. Locate the specific form you want to integrate and click on it to edit. In the form settings, go to the ‘Actions After Submit’ section and add a new action by selecting ‘Webhook’.

• Paste the copied webhook URL into the webhook field.
• Remove any existing webhook URLs to avoid conflicts.
• Click the ‘Update’ button to save your changes.

After updating the form, return to Pabbly Connect. The system will now be waiting for a response from the Elementor form. To test the integration, fill out the form and submit it to ensure that the data is being sent correctly.

4. Setting Up Interact as an Action in Pabbly Connect

Once you have received a successful response from your Elementor form submission, it’s time to set up Interact in Pabbly Connect. Select Interact as your action application and choose the action event as ‘Create or Update User’. This action will allow you to add the new contact information received from the Elementor form.

To connect to Interact, you will need to enter your secret key. Log into your Interact account, navigate to the developer settings, and copy the secret key. Return to Pabbly Connect, paste the key, and click on ‘Save’ to establish the connection.

5. Sending a WhatsApp Message via Interact

After successfully creating or updating the user in Interact, the next step is to send a WhatsApp message. In Pabbly Connect, add another action step and select Interact again, this time choosing the action event as ‘Send WhatsApp Template Message’.

Map the phone number received from the Elementor form submission to the WhatsApp message field. You will also need to specify the template code for your WhatsApp message. Ensure that you have created the template in your Interact account beforehand.

Once you have filled in all required fields, click on ‘Save and Send Test Request’. If everything is set up correctly, you will receive a confirmation that the message has been sent successfully. You can verify this by checking your WhatsApp for the message.

Conclusion

This tutorial demonstrated how to seamlessly integrate Elementor forms with Interact using Pabbly Connect. By following these steps, you can automate user creation and messaging efficiently, enhancing your workflow significantly.