Badge Webflow Award Winner 2023

Methods for connecting Webflow and Hubspot

Published on 
15/5/2022
-
Amended on 
24/3/2023
Reading time: 5 min
macbook pro with contact page of the site digidop and a webflow logo, a mackbook pro with hubspot interface and hubspot logo, a blue and orange line connecting the computers
Written by
Thomas Labonne with a T-shirt Digidop

Thomas Labonne

Co-founder

Webflow & Hubspot, the perfect combo to develop a successful marketing strategy? Here are some of the advantages you will find by connecting your webflow website to your Hubspot CRM. Also 3 methods to connect these two tools, depending on your needs.

Key points to remember

Hubspot is a very powerfulweb marketing and CRM tool that many companies and start-ups use to manage their business. This very complete tool allows you for example to create mailing campaigns, conversion pages, web forms, to follow the evolution of your customer accounts, to make commercial offers, to manage your after sales service, etc. A tool that includes a lot of functionalities and that you should link to your Webflow site.

Why connect Hubspot and Webflow?

Optimising your web forms

Web forms are essential conversion levers for your website. You can eitherintegrate a hubspot form directly into webflow, or connect your webflow forms to your hubspot database via a third-party tool

Enriching your CRM

Each new contact from your site can be automatically created in your Hubspot CRM. The contacts are for example :

  • created,
  • updated,
  • qualified,
  • integrated into campaigns,
  • assigned to members of your team,
  • followed,
  • etc.

Automate your newsletter

Use your Webflow blog and Hubspot marketing tool to grow your community. By linking your blog to Hubspot, you can easily manage all your new newsletter subscribers and send them personalized content. You can also automate the sending of your Hubspot newsletters by connecting it to the RSS feed of your Webflow blog.  

Tracking your visitors

Insert a tracking code on your web pages, forms or other conversion levers to follow the evolution of your visitors on your site. This will allow you to observe your users' behaviour , see which pages convert best and develop your web strategy around this data.

Integrate your contacts into marketing campaigns

By connecting Hubspot to Webflow, you can choose tointegrate each new contact into targeted marketing campaigns. Automatically add each new lead to a mailing loop, or a unique workflow, depending on where it comes from.

Personalise the user journey

UTMs, cookies and other trackers will also allow you to offer a unique experience to each of your visitors. Each contact, depending on their origin, their actions on your site or the data they have entered, will receive personalised content, will be redirected to a specific page, will be inserted into a dedicated workflow.

Connect in real time to your prospects and customers

Hubspot has a chatbot and ticketing tool that you can easily integrate into your Webflow site. A live chat that will allow you to chat live with your prospects.

Integrate a Hubspot embed

A first possibility to connect Hubspot to Webflow is touse directly Hubspot embed code. Whether you want to integrate web forms, chatbots, or trackers, using a Hubspot embed is the easiest and fastest solution.

Benefits

  • Simple and quick to set up
  • Directly connected to your CRM
  • Directly connected to your workflows and automations

Disadvantages

  • Limited to Hubspot design
  • Reduces the performance of your site

Connecting Webflow to Hubspot with Zapier

Connecting Webflow and Hubspot with Zapier is an alternative to embedding code. If you need to preserve your website's performance and design, we recommend this method. Zapier is a no-code automation tool that allows you to connect multiple tools together. For example, you can link each form, each field, each data to your Hubspot CRM to manage all your new leads: creating contacts, adding to mailing lists, adding to groups, qualifying contacts, etc.

Benefits

  • Develop everything natively from Webflow
  • Creation of intuitiveworkflows
  • No loss of performance
  • Connection of Hubspot and Webflow toother tools: Slack, Gmail, Notion, Airtable, etc.

Disadvantages

  • Use of a third tool
  • Creation of simple workflows

Connecting Webflow to Hubspot with Make (Integromat)

Make (Integromat) is an alternative to Zapier. This nocode tool also allows you to connect several APIs together, to automate your business. More complex to learn than Zapier, Make(Integromat) will however allow you togo further in the creation of workflows. If your site has several web forms and other conversion levers, and your web marketing strategy is more complex, we recommend this method.

Benefits

  • Develop everything natively from Webflow
  • Create more complex workflows: multi-form, filtering systems, etc.
  • No loss of performance
  • Connection of Hubspot and Webflow to other tools: Slack, Notion, Coda, Stripe

Disadvantages

  • Use of a third tool
  • More complexhandling
Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop