Integrating WhatsApp with Elementor Forms Using Pabbly Connect

Learn how to integrate WhatsApp with Elementor forms using Pabbly Connect for automated notifications upon 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

1. Accessing Pabbly Connect for Integrating WhatsApp and Elementor Forms

To start integrating WhatsApp with Elementor forms, you need to access Pabbly Connect. Begin by signing into your Pabbly account and navigating to the Pabbly Connect dashboard. This is where you will create automation workflows that connect various applications.

Once you are on the dashboard, click on the big blue button labeled ‘Create Workflow’. You will then be prompted to name your workflow. Name it something descriptive, like ‘Send WhatsApp Notification to Elementor Form Submissions’ and click on ‘Create’. This setup will allow you to connect Elementor and WhatsApp through Pabbly Connect.

2. Setting Up the Trigger Event in Pabbly Connect

The next step involves setting up the trigger event in Pabbly Connect. Select Elementor as your trigger application because it is where the form submissions will occur. Choose the trigger event as ‘New Form Submission’. This event will initiate the workflow whenever a new form is submitted.

• Select Elementor as the trigger application.
• Choose the trigger event ‘New Form Submission’.
• Copy the webhook URL provided by Pabbly Connect.

After copying the webhook URL, go to your Elementor form settings. In the form settings, navigate to ‘Actions After Submit’ and select ‘Webhook’. Paste the copied webhook URL into the field provided. Finally, click on ‘Update’ to save your changes. This ensures that Pabbly Connect receives data from Elementor whenever a form submission occurs.

3. Testing the Webhook Response in Pabbly Connect

Once the webhook is set up, it’s time to test it. Fill out the Elementor form to trigger a submission. After submitting the form, return to Pabbly Connect and wait for the webhook response to appear. This response will contain all the data submitted through the form.

Check the response details in Pabbly Connect. You should see the form name, the customer’s name, mobile number, and any additional information provided in the form. This data will be crucial for sending the WhatsApp notification.

• Fill out the Elementor form to generate a submission.
• Return to Pabbly Connect to view the webhook response.
• Ensure all necessary data is captured in the response.

By successfully testing the webhook, you confirm that Pabbly Connect is properly receiving data from Elementor, setting the stage for the next steps in your integration.

4. Configuring the Action to Send WhatsApp Messages via AI Sensei

The next step is to configure the action in Pabbly Connect that will send the WhatsApp message. Select AI Sensei as the action application. This application will use the data captured from the Elementor form submission to send a WhatsApp notification.

To establish a connection, you will need an API key from AI Sensei. Go to your AI Sensei dashboard, click on ‘Manage’ from the left panel, and either copy your existing API key or generate a new one. Paste this API key into Pabbly Connect to connect the two applications.

Select AI Sensei as the action application. Copy the API key from AI Sensei and paste it into Pabbly Connect. Fill in the required fields such as campaign name and mobile number.

Once the action is configured, you can map the mobile number and other necessary details from the webhook response. This mapping ensures that the WhatsApp message contains the correct information for each form submission. Finally, click on ‘Save and Send Test Request’ to verify that the WhatsApp message is sent successfully.

5. Verifying the WhatsApp Notification

After configuring the action, it’s essential to verify that the WhatsApp notification was sent successfully. Once you click on ‘Save and Send Test Request’, check for a success message indicating that the WhatsApp message was sent.

Open WhatsApp to confirm that you have received the notification. The message should contain the details you set up in the action step, confirming that the integration through Pabbly Connect works flawlessly. This means every time a form submission is made in Elementor, a WhatsApp notification will be automatically sent.

With this setup, you can efficiently notify clients or customers about their submissions, ensuring they receive timely updates. This integration showcases the power of Pabbly Connect in streamlining communication between applications.

Conclusion

In summary, integrating WhatsApp with Elementor forms using Pabbly Connect allows for automated notifications upon form submissions. By following the steps outlined, you can ensure seamless communication with your clients, enhancing their experience.