Integrating Elementor with Bravo Using Pabbly Connect: A Step-by-Step Guide

Learn how to integrate Elementor with Bravo using Pabbly Connect for seamless contact management. Follow this detailed tutorial for step-by-step instructions. Build sophisticated automated workflows in less time than you think. This guide translates complex integrations into straightforward steps for immediate implementation.

Watch Step By Step Video Tutorial Below

Accessing Pabbly Connect for Elementor and Bravo Integration

To start integrating Elementor with Bravo, you need to access Pabbly Connect. Open your browser and search for Pabbly Connect to reach its landing page. Here, you will find options to sign in or sign up for a free account.

If you do not have an account, click on the ‘Sign Up for Free’ button, which takes only about two minutes. As a new user, you will receive 100 free tasks each month, allowing you to explore the features of Pabbly Connect.

Creating a Workflow in Pabbly Connect

Once logged into Pabbly Connect, the next step is to create a new workflow. Click on the ‘Create Workflow’ button. A window will pop up prompting you to name your workflow. Name it according to your objective, such as ‘Create or Update Bravo Contact on Elementor Form Submission’.

After naming your workflow, select the folder where you want to save it. Click on the tab to view your folders and select the appropriate one, then click ‘Create’. This action will take you to the workflow setup window, where you will see the trigger and action boxes.

• Click on the ‘Create Workflow’ button.
• Name your workflow to reflect its purpose.
• Select the folder for saving your workflow.

Now you are ready to set up the trigger for your workflow. This is where Pabbly Connect comes into play, allowing you to connect your applications seamlessly.

Setting Up Trigger and Action in Pabbly Connect

The first step in your workflow is setting up the trigger. Search for ‘Elementor’ in the trigger application section and select it. You will need to choose the trigger event, which is ‘New Form Submission’. This event will initiate the workflow whenever a new form is submitted through your Elementor form.

Next, you will need to connect Elementor to Pabbly Connect using the webhook URL provided. Copy this URL and head to your Elementor form settings. In your WordPress account, locate the Elementor plugin and find the subscription form you have created. Click on the pencil icon to edit the form.

• Search for ‘Elementor’ in the trigger application.
• Select ‘New Form Submission’ as your trigger event.
• Copy the webhook URL from Pabbly Connect.

In the Elementor settings, scroll down to ‘Actions After Submit’, select the webhook option, and paste the URL. Save the changes to connect your Elementor form with Pabbly Connect.

Testing the Integration with Pabbly Connect

After setting up the trigger, it’s crucial to test the integration. To do this, create a test submission through your Elementor form. Fill in the required fields such as first name, last name, email, and city, and click ‘Send’. This submission will be sent to Pabbly Connect and should trigger the workflow.

Once you submit the form, return to Pabbly Connect. You should see the details of your submission displayed in the response section. This confirms that your Elementor form is correctly sending data to Pabbly Connect.

Create a test submission using your Elementor form. Ensure all required fields are filled out correctly. Check the response in Pabbly Connect to confirm data reception.

With the successful reception of your test submission, you are now ready to set up the action part of the workflow.

Setting Up Action in Pabbly Connect

The final step is to set up the action in your workflow. Search for ‘Bravo’ in the action application section and select it. Choose the action event ‘Create or Update Contact’. This action will allow you to either create a new contact or update an existing one in your Bravo account based on the data received from the Elementor form.

To connect Bravo with Pabbly Connect, you will need to provide your domain and API key. Go to your Bravo account to generate an API key from the SMTP and API page. Once you have the key, paste it into the corresponding field in Pabbly Connect and save the connection.

Search for ‘Bravo’ in the action application section. Select ‘Create or Update Contact’ as your action event. Provide domain and API key to connect Bravo with Pabbly Connect.

After saving the action settings, you can map the fields from the Elementor form submission to the corresponding fields in Bravo. This ensures that every new submission updates the contact list accurately.

Conclusion

Integrating Elementor with Bravo using Pabbly Connect streamlines your contact management process. By following these steps, you can automate the creation and updating of contacts based on form submissions, enhancing your marketing efforts. This integration saves time and ensures accurate data handling.