This article will guide you through the process of integrating Elementor with HubSpot. By doing so, whenever a new user responds to your Elementor form, their information will automatically be used to generate contacts in HubSpot. This automation will require a one-time setup, for which we will utilize Pabbly Connect.
We will start by connecting Elementor with Pabbly Connect to capture respondent details, and then link Pabbly Connect with HubSpot to create contacts in HubSpot using the respondent details.
Steps to Create HubSpot Contacts from Elementor Form Submissions
1. Sign In / Sign Up to Pabbly Connect and Create a Workflow
2. Setup Elementor as the Trigger App to Gather Responses
3. Setup HubSpot as the Action App to Create Contacts
Step 1:- Sign In / Sign Up to Pabbly Connect and Create a Workflow
A. Sign In / Sign Up
To begin this process, visit Pabbly Connect and create your account by clicking on the ‘Sign Up Free’ button. You can also click on Sign In if you already have an account.
Click on the Pabbly Connect ‘Access Now’ button
B. Create Workflow
To create a new workflow, click the ‘Create Workflow’ button.
Name your workflow, and click on ‘Create’.
Step 2:- Setup Elementor as the Trigger App to Gather Responses
Let us now look at the process for creating a connection between Elementor and Pabbly Connect, which will allow us to gather the responses from Elementor Form submissions.
A. Trigger App
Trigger enables us to select the application from which Pabbly Connect will retrieve the data. In this instance, it would be Elementor.
Choose ‘Elementor’ as the Trigger App, and select ‘New Form Submission’ as the Trigger Event.
B. Webhook URL
You will be given a new Webhook URL which will be used to connect your Elementor account. Copy the Webhook URL.
Once you have copied the Webhook URL, Pabbly Connect will immediately begin searching for Elementor form responses, which is indicated by the rotating Waiting For Webhook Response button.
C. Connect Elementor For WordPress Account
Go to your Elementor form, add ‘Webhook’ as an action, and then paste the previously copied Webhook URL.
D. Test Connection
Submit a form with dummy details, and verify if the response has been received.
Switch back to Pabbly Connect, expand Response Received, where the respondent details must be visible, thus confirming our established connection.
Step 3:- Setup HubSpot as the Action App to Create Contacts
Action allows us to choose the application that will get executed by the workflow trigger.
Our goal is to utilize the responses obtained from Elementor forms to generate contacts in HubSpot. Therefore, HubSpot will serve as our Action App.
A. Action App
Choose ‘HubSpot CRM’ as the Action App, select ‘Create a Contact’ as an Action Event, and click on ‘Connect’.
B. Connect HubSpot Account
To link your HubSpot account, select ‘Add New Connection’ and click on ‘Connect With HubSpot CRM’. Furthermore, authorize access to enable the connection.
C. Enter / Map the Necessary Fields
Once you have successfully connected your HubSpot account, the next step is to map the respondent details from the previous step. Mapping guarantees that our data remains dynamic and adapts to the responses we receive.
Map the First Name from the step above.
Similarly, map the remaining details, leaving any irrelevant ones empty, and then click on ‘Save & Send Test Request’.
As soon as you click on ‘Save & Send Test Request’, the respondent will be added to your HubSpot contact list.
Our automation is now complete. We have effectively integrated Elementor Form with HubSpot. From now on, whenever someone submits a response to your Elementor form, their information will automatically generate contacts in HubSpot.
You can copy this entire workflow by clicking this link.
Sign Up for a free Pabbly Connect account, and start automating your business
Subscribe to our Youtube Channel for more such automation
For any other queries, visit our forum