How to Create HubSpot Contact from Elementor Form Submission Using Pabbly Connect

Learn how to seamlessly integrate Elementor with HubSpot CRM using Pabbly Connect to automate contact creation from form submissions. Develop expertise in application integration and learn how to design streamlined automation workflows using proven, simplified approaches.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To create a HubSpot contact from an Elementor form submission, you first need to access Pabbly Connect. Start by visiting the Pabbly Connect website where you can either sign in or sign up for a free account.

Once logged in, you will see various Pabbly applications. Click on the option to access Pabbly Connect. This platform will enable you to connect your Elementor forms with HubSpot CRM seamlessly.

2. Creating a Workflow in Pabbly Connect

After accessing Pabbly Connect, the next step is to create a workflow. Click on the ‘Create Workflow’ button. You will be prompted to name your workflow and select a folder to save it in.

• Name your workflow: How to create HubSpot CRM contact from Elementor form submission
• Select the folder: Automations

Once you have named your workflow and selected the folder, click on ‘Create’. This will take you to the workflow window where you will set up the trigger and action for your integration.

3. Setting Up the Trigger in Pabbly Connect

The trigger in Pabbly Connect is crucial as it initiates the workflow. For this integration, select Elementor as your trigger application. Choose the event ‘New Form Submission’ to capture data whenever a form is submitted in Elementor.

After selecting the trigger, Pabbly Connect will provide you with a webhook URL. Copy this URL as it will be used to connect your Elementor form to the workflow.

4. Configuring the Elementor Form

Now, navigate to your Elementor form where you want to set up the webhook. In the form settings, look for the ‘Actions After Submit’ section and add an action called ‘Webhook’.

• Paste the webhook URL you copied from Pabbly Connect.
• Click on ‘Update’ to save the changes to your form.

After updating the form, preview the changes and perform a test submission. This will help verify that the data is being sent to Pabbly Connect correctly.

5. Setting Up the Action in Pabbly Connect

With the trigger successfully set up, the next step is to define the action in Pabbly Connect. Select HubSpot CRM as your action application and choose the action event ‘Create a Contact’.

You will then be prompted to connect your HubSpot account to Pabbly Connect. If you haven’t connected before, follow the prompts to authorize the connection. Once connected, you can map the fields from your Elementor submission to the corresponding fields in HubSpot.

Conclusion

In this tutorial, we demonstrated how to create a HubSpot contact from an Elementor form submission using Pabbly Connect. By following these steps, you can automate your workflow and enhance your CRM capabilities seamlessly.