?>

HubSpot + Netlify Integrations

Appy Pie Connect allows you to automate multiple workflows between HubSpot and Netlify

  • No code
  • No Credit Card
  • Lightning Fast Setup
About HubSpot

Marketing, sales, and service software that helps your business grow without compromise.

About Netlify

Netlify is the platform your developers love for building highly-performant and dynamic web sites, e-commerce stores and applications.

Netlify Integrations

Best ways to Integrate HubSpot + Netlify

  • HubSpot Google Sheets

    Netlify + Google Sheets

    Create rows in Google Sheets for new Netlify form submissions Read More...
    Close
    When this happens...
    HubSpot New Form Submission
     
    Then do this...
    Google Sheets Create Spreadsheet Row
    It's time-consuming and tedious to manually export form submission data to Google Sheets. However, with this Appy Pie Connect integration, every new Netlify form submission will automatically create a new row of data in a selected Google Sheets spreadsheet. This frees you up to focus on the important task at hand: examining the imported data.
    How It Works
    • A new form submitted to Netlify
    • Appy Pie Connect creates a new row on Google Sheets.
    What You Require
    • Netlify account
    • Google Sheets account
  • HubSpot Salesforce

    Netlify + Salesforce

    Turn Netlify form submissions into Salesforce leads Read More...
    Close
    When this happens...
    HubSpot New Form Submission
     
    Then do this...
    Salesforce Create Record
    Save time by adding new leads to Salesforce automatically with this Appy Pie Connect integration. This integration adds new leads to Salesforce CRM automatically from new Netlify form submissions so you can focus on the more important things. This Appy Pie Connect integration will populate the fields with names, email addresses, and other details needed to establish a new lead in Salesforce.
    How This Netlify-Salesforce Works
    • A new form submitted to Netlify
    • Appy Pie Connect creates a new lead in Salesforce.
    What You Require
    • Netlify account
    • Salesforce account
  • HubSpot Zendesk

    Netlify + Zendesk

    Create Zendesk tickets from new Netlify form submissions Read More...
    Close
    When this happens...
    HubSpot New Form Submission
     
    Then do this...
    Zendesk Create Ticket
    This integration is very simple, but extremely powerful. You can use this Connect Flow to automatically create a Zendesk ticket for new subscriptions to your forms created on Netlify. This means that not only does the information from your form appear in your Zendesk ticket, but the correspondence between your responses and the person filling out the form are all accessible in one place.
    How This Netlify-Zendesk Works
    • A new form submitted to Netlify
    • Appy Pie Connect creates a new ticket on Zendesk.
    What You Require
    • Netlify account
    • Zendesk account
  • HubSpot Gmail

    Netlify + Gmail

    Create Draft to Gmail from New Deploy Succeeded in Netlify Read More...
    Close
    When this happens...
    HubSpot New Deploy Succeeded
     
    Then do this...
    Gmail Create Draft
  • HubSpot Gmail

    Netlify + Gmail

    Send Email in Gmail when New Deploy Succeeded is created in Netlify Read More...
    Close
    When this happens...
    HubSpot New Deploy Succeeded
     
    Then do this...
    Gmail Send Email
  • HubSpot {{item.actionAppName}}

    HubSpot + {{item.actionAppName}}

    {{item.message}} Read More...
    Close
    When this happens...
    {{item.triggerAppName}} {{item.triggerTitle}}
     
    Then do this...
    {{item.actionAppName}} {{item.actionTitle}}
Connect HubSpot + Netlify in easier way

It's easy to connect HubSpot + Netlify without coding knowledge. Start creating your own business flow.

    Triggers
  • New Company

    Triggers when a new company is available.

  • New Contact

    Triggers when a new contact is available.

  • New Deal

    Triggers when a new deal is available.

  • New Deal in Stage

    Triggers when a deal enters a specified deal.

  • New Deploy Failed

    Triggers when a new deploy of your site has failed.

  • New Deploy Started

    Triggers when a new deploy of your site has started building.

  • New Deploy Succeeded

    Triggers when a new version of your site has successfully deployed.

  • New Form Submission

    Triggers when a form receives a new submission.

    Actions
  • Add Contact to List

    Adds a contact to a specific static list. (Marketing Hub Starter plans and above)

  • Add File to Contact

    Adds a file to a specific contact.

  • Associate Deal

    Associates the deal with dealId with the contact.

  • Create Company

    Create a Company in HubSpot

  • Create Deal

    Create a Deal in HubSpot

  • Create Ticket

    Create a Ticket in HubSpot

  • Create/Update Contact

    Create or Update a contact in HubSpot

  • Update Company

    Update a Company in HubSpot"

  • Update Deal

    Update a Deal in HubSpot

  • Start Deploy

    Performs a new deploy of an existing site.

How HubSpot & Netlify Integrations Work

  1. Step 1: Choose HubSpot as a trigger app and authenticate it on Appy Pie Connect.

    (30 seconds)

  2. Step 2: Select "Trigger" from the Triggers List.

    (10 seconds)

  3. Step 3: Pick Netlify as an action app and authenticate.

    (30 seconds)

  4. Step 4: Select a resulting action from the Action List.

    (10 seconds)

  5. Step 5: Select the data you want to send from HubSpot to Netlify.

    (2 minutes)

  6. Your Connect is ready! It's time to start enjoying the benefits of workflow automation.

Integration of HubSpot and Netlify

Today, many companies have a presence on the web and are using multiple tops to accomplish their mission. HubSpot is a software that helps such companies grow their business. It provides an integrated platform for marketing, sales, customer support and content management. The platform includes analytics, CRM and emailing services. At the same time, Netlify is a top that can be used to build websites and apps. It offers continuous deployment for GitHub projects, so users do not need to worry about deploying their code every time they make changes. Both tops provide similar functions, but there is no integration between them. Thus, HubSpot users cannot use Netlify to deploy their projects, and Netlify users cannot use HubSpot to update their CRM records or to track their visitors.

Both tops integrate well with other sputions. HubSpot integrates with Zapier and Slack, while Netlify integrates with GitHub and Google Analytics. However, there is no direct integration between the two platforms. So, how can a person use both platforms together? Netlify allows its users to connect their accounts via Google Maps API, so it is quite simple to create an integration between Netlify and HubSpot using the Google Maps API.

The first step is to set up your website on Netlify by creating a new account on the website or connecting an existing one. Next, you must create a domain name on Netlify using either your custom domain or the free one provided by the company. After your domain has been verified and you have set up a site on Netlify, you have to go to your HubSpot account and connect it to Google Maps. To do this, log in to your HubSpot account and go to “Tracking” -> “Google Analytics” -> “Add a Property” section. Then, select “Website” as the property type, click on “Create” and add your domain name in the box provided. Then, click on “Actions” -> “Connect to Google Analytics” -> “Connect” . You should see the fplowing screen:

It is possible to keep your existing tracking code or change it to the new one provided by Netlify. If you choose to change it, you will have to fplow Netlify’s instructions on how you can modify your Google Analytics Javascript tracker ( https://docs.google.com/document/d/1B8R5-eXpSY5gvFqAgDfPmZH_JZ3m6LQSDf8WUxhhGc/edit?usp=sharing . and do not forget to replace your pd tracking ID with the new one provided by Netlify in the script. Keep in mind that this new script will track only pageviews on the main domain of your website hosted on Netlify. Once you have done this, you will have to wait for 24 hours for the data from Google Analytics to show up in your dashboards.

After this long procedure, you may want to know how to get data from Google Analytics into HubSpot CRM. For example, you want to track each step of the conversion funnel for each particular landing page of your website hosted on Netlify. To achieve this goal, you need to set up a goal in Google Analytics for each page of your app hosted on Netlify and then find a way to transfer data from Google Analytics into HubSpot CRM when a particular user converts into a lead. In this case, it would be great if HubSpot had an option that allowed you to create goals based on your custom events represented by Google Analytics custom dimensions. This would save time when you have to create a lot of goals for different purposes because you would not have to create them manually one by one in Google Analytics but could use a predefined template instead. However, there is no option like this in HubSpot at present. So, what is the best way to achieve this goal? It seems that it will be better if we could automatically create leads in HubSpot CRM as soon as a visitor performs an action that we consider as a conversion event in Google Analytics.

In order to do this, we need a webhook in Google Analytics that will transfer the conversion data into HubSpot when a visitor completes his chosen action on the site. We have already created the goal in our Google Analytics account; now we need to create an auto-event rule that will reactivate our goal every time a visitor completes his chosen action. Here are the instructions:

  • Go to “Admin” -> “View Settings” -> “Event Tracking” -> “Auto-Event Rules” -> “Create New Rule” .
  • Select “Custom Event” as the Event Type . Then , select “Any Value” as Event Category . Add 1 or more values for Event Action , depending on what actions you want to track . Add 1 or more values for Event Label , depending on what labels you want to use . Click on “New Custom Dimension” . Then , click on “ + New Custom Dimension” . Add 1 or more values for Custom Dimension 1 , depending on what values you want to track . Make sure that all values are 2-4 characters long . Click on “Save Changes” and repeat these steps until you have added all values that you need . Click on “Create Rule” .
  • A rule will be created with all values that you have added ; now we need to send these values into HubSpot CRM when a visitor performs an action that we have added into our Auto-Event Rule . Go back to “Admin” -> “View Settings” -> “Event Tracking” -> “Auto-Event Rules” -> “Edit Selected Rule” . Click on “ + Add Action” . Select “Send Data To A Third-Party Service” . Choose HubSpot as the service option . Make sure that all values that you have added appear under Values in Data Fields . Set Name as appropriate . Click on Save Changes . Repeat these steps until all Action options are filled . Now , click on Save Changes again .

This process is quite complicated , but it will help us achieve our goal. sending data from Google Analytics into HubSpot CRM every time a visitor converts into a lead . You can check whether everything works correctly by visiting your website hosted on Netlify and completing any action that has been added into your Auto - Event Rule . You will see that the corresponding data will appear in HubSpot CRM after some time .

The process to integrate HubSpot and Netlify may seem complicated and intimidating. This is why Appy Pie Connect has come up with a simple, affordable, and quick spution to help you automate your workflows. Click on the button below to begin.