Create HubSpot Contacts for New Webflow Form Submissions Using Pabbly Connect

Learn how to automate HubSpot contacts creation from Webflow form submissions using Pabbly Connect. Follow our detailed tutorial for seamless integration. 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 Integration

To automate the creation of HubSpot contacts from Webflow form submissions, you first need to access Pabbly Connect. This platform serves as the central integration tool that connects Webflow and HubSpot seamlessly.

After logging into your Pabbly Connect account, navigate to the dashboard. Here, you can start creating a new workflow that will facilitate the integration. Click on the ‘Create Workflow’ button to begin setting up your automation.

2. Setting Up Webflow Trigger in Pabbly Connect

In this step, you’ll set up Webflow as the trigger in your Pabbly Connect workflow. This means that every time a new form submission occurs in Webflow, it will trigger the subsequent actions.

To configure this, select Webflow as your trigger application and choose the event ‘New Form Submission.’ You will then need to connect your Webflow account by providing the necessary API key. Follow these steps:

• Select Webflow as the trigger application.
• Choose the event ‘New Form Submission.’
• Connect your Webflow account using the API key.

After setting this up, test the trigger to ensure that Pabbly Connect can receive data from Webflow correctly. This step is crucial for the automation to function properly.

3. Configuring HubSpot Action in Pabbly Connect

Next, you’ll configure HubSpot as the action application in your Pabbly Connect workflow. This allows Pabbly to create new contacts in HubSpot based on the data received from Webflow.

Select HubSpot as your action application and choose the event ‘Create Contact.’ You will need to connect your HubSpot account by entering your HubSpot API key. Here’s how to do it:

• Select HubSpot as the action application.
• Choose the event ‘Create Contact.’
• Connect your HubSpot account using the API key.

Map the fields from the Webflow form to the corresponding fields in HubSpot. This ensures that the data is transferred correctly. Once everything is set, test this action to confirm that new contacts are being created in HubSpot as expected.

4. Finalizing the Integration in Pabbly Connect

Once you’ve set up both the trigger and action, it’s time to finalize your integration in Pabbly Connect. Make sure to save your workflow and enable it to start automating the process.

After saving, you can perform a final test by submitting a new form in Webflow. Check HubSpot to see if the contact was created successfully. This step verifies that the entire integration is functioning as intended. If the test is successful, your automation is ready to go!

Conclusion

By following these steps, you can effectively use Pabbly Connect to automate the creation of HubSpot contacts from Webflow form submissions. This integration streamlines your workflow and saves time by eliminating manual data entry.