Webflow
HubSpot
zapier

An automated workflow using zapier

Connects Webflow + HubSpot

Create HubSpot contacts from new Webflow forms

About this workflow template

This automation scenario allows you to connect Webflow and HubSpot

It can be build using Zapier, a no-code workflow automation tool. Zapier allows you to create automated scripts using a simple drag-and-drop interface for non-technical users. This is a ready-made scenario, but it can be customized by adding more apps, actions, filters or branches.

Webflow and HubSpot can also be integrated using automation tools other than zapier:

Diagram

Create HubSpot contacts from new Webflow forms
Workflow diagram: Webflow + HubSpot integration

How it works?

When this trigger fires in Webflow

Webflow

Form Submission in Webflow

Triggers when a new form submission occurs.

Then this action happens in HubSpot

HubSpot

Create or Update Contact in HubSpot

Creates a new contact or updates an existing contact based on email address.

How to set up this workflow

This guide contains information on how to set up an automatic workflow that allows to Create HubSpot contacts from new Webflow forms.

Part I

Configure Applications

First, we need to connect Webflow and HubSpot to Zapier.

  • Create Zapier account.

    Create Zapier account.

    Create Zapier account if you don't have one.

  • Connect Webflow to Zapier.

    Connect Webflow to Zapier.

    Give Zapier access to your Webflow account, using Webflow credentials.

  • Connect HubSpot to Zapier.

    Connect HubSpot to Zapier.

    Give Zapier access to your HubSpot account, using HubSpot credentials.

Part II

Build an integration workflow

Next, we need to create a workflow automation scenario using graphical no-code web interface of Zapier.

  • Set up a Trigger action for Webflow

    Set up a Trigger action for Webflow

    Choose the following trigger: Form Submission (Triggers when a new form submission occurs.).

  • Then set up an Action for HubSpot

    Then set up an Action for HubSpot

    Choose this action: Create or Update Contact (Creates a new contact or updates an existing contact based on email address.).

Part III

Test and Publish

Finally, we need to test this automation and publish it.

  • Customize data flow

    Customize data flow

    Configure the data that is exchanged between Webflow and HubSpot.

  • Test the workflow and turn it on for production use

    Test the workflow and turn it on for production use

    Test your scenario and publish to production. Now you have an automatic workflow, that will Create HubSpot contacts from new Webflow forms!

Supported triggers and actions

  • HubSpot

    New form submission

    Triggers when a form is submitted.

    zapierpipedream
    triggerbyzapierpipedream
  • HubSpot

    New contact

    Triggers when new contact is available.

    zapierautomateio
    triggerbyzapierautomateio
  • HubSpot

    New contact in list

    Triggers when a contact is added to the specified list. _(Marketing Hub Starter plans and above)_.

    zapierautomateiopipedream
    triggerbyzapierautomateiopipedream
  • HubSpot

    New deal

    Triggers when new deal is available.

    zapieralbato
    triggerbyzapieralbato
  • HubSpot

    New contact property change

    Triggers when a specified property is provided or updated on a contact.

    zapierpipedream
    triggerbyzapierpipedream
  • HubSpot

    Updated deal stage

    Triggers when a deal enters a specified stage.

    zapier
    triggerbyzapier
  • Webflow

    Create item

    Adds a new item to a given collection.

    zapierintegrately
    actionbyzapierintegrately
  • Webflow

    Create live item

    Adds a new item to a given collection on your published site.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect
  • Webflow

    Create collection item

    Create collection item

    pipedreamifttt
    actionbypipedreamifttt
  • Webflow

    Fulfill order

    Fulfills an order.

    zapierintegratelypabbly-connectpipedreamifttt
    actionbyzapierintegratelypabbly-connectpipedreamifttt
  • Webflow

    Publish site

    Publish site

    pipedreamifttt
    actionbypipedreamifttt
  • Webflow

    Update live item

    Updates a live item.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect

Apps you need

Webflow

Webflow

Website Builders

The no-code platform to build beautifully-designed web sites

Webflow helps to build production-ready web apps with no-code. Although Webflow is a no-codng tool, it provides great level of design customisation, a huge list of templates and ton of how to videos.

HubSpot

HubSpot

Email Marketing

An inbound marketing, sales and customer service online platform

HubSpot provides tools for CRM, social media marketing, content management, lead generation, analytics, SEO, online chat, and customer support.

Zapier

Zapier

Automation Platforms

No-code automation service

Zapier simplifies busy people's lives by automating web app data transfers, reducing tedious tasks, and allowing teams to collaborate effortlessly. With over 5,000 popular apps connected, it's never been easier to streamline your workflow.