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

Learn how to integrate Elementor forms with Flowlu Agile Issues using Pabbly Connect. This tutorial covers every step of the process for seamless automation. 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. Setting Up Pabbly Connect for Integration

To start integrating Elementor with Flowlu, first, access Pabbly Connect by logging into your account. If you don’t have an account yet, you can create one easily and enjoy 100 free automation tasks each month. After logging in, you will be directed to the dashboard of Pabbly Connect.

Click on the ‘Create Workflow’ button to initiate the integration process. Name your workflow something descriptive, such as ‘Create Issues on Elementor Form Submissions into Flow Automatically’. Once you click on ‘Create’, your workflow will be set up and ready for the next steps.

2. Setting Up the Trigger with Elementor Form

In this step, you will configure the trigger for your workflow. Select Elementor as your trigger application in Pabbly Connect. The specific trigger event to choose is ‘New Form Submission Received’. This event will activate the workflow whenever a new form is submitted through Elementor.

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

Next, navigate to your Elementor form settings within WordPress. Edit the form and go to the ‘Actions After Submit’ section. Add the webhook action and paste the copied webhook URL. After updating the form, it will be ready to send data to Pabbly Connect.

3. Testing the Elementor Form Submission

With your Elementor form now connected to Pabbly Connect, it’s time to test the integration. Fill out the form as if you were a user submitting an issue. Ensure to provide all necessary details such as name, email, and a description of the issue.

• Open the form submission page.
• Fill in the required fields with test data.
• Click on the send button to submit the form.

After submitting the form, return to Pabbly Connect to check if the data is received correctly. You should see the response data populated in the workflow, confirming that the connection is successful.

4. Creating Issues in Flowlu from Form Data

Now that you have tested the Elementor form, the next step is to set up the action in Pabbly Connect to create an issue in Flowlu. Choose Flowlu as the action application and select ‘Create Agile Issue’ as the action event. This will allow you to automatically create an issue in Flowlu based on the form submission data.

To connect your Flowlu account, you will need to provide your API key and account URL. You can find these in the API settings of your Flowlu account. Once connected, map the fields from the Elementor form to the corresponding fields in Flowlu, such as the issue name and description.

5. Finalizing the Integration and Testing

Once the fields are mapped, save your settings in Pabbly Connect and send a test request to ensure everything is working correctly. If successful, a new issue will appear in your Flowlu project with the details you provided in the form.

This integration streamlines the process of capturing customer issues from your Elementor forms directly into Flowlu, saving you time and reducing manual entry. After the initial setup, the automation will run seamlessly for each form submission.

Conclusion

In this tutorial, we explored how to integrate Elementor forms with Flowlu Agile Issues using Pabbly Connect. By following these steps, you can automate the creation of customer issues, enhancing your project management efficiency. Enjoy the benefits of automation with Pabbly Connect!