Home > BigCommerce > Docs > How to Integrate HubSpot with BigCommerce?

How to Integrate HubSpot with BigCommerce?

Last updated: September 01, 2023
This article has been written and researched by our expert Avada through a precise methodology. Learn more about our methodology

Roger

Author

Daniel

Researcher

Sales and marketing are getting more and more sophisticated and customer-oriented in the ever-evolving e-commerce landscape. That is to suggest, in order to attract more customers or encourage them to keep coming back, you need to handle them with more personal attention.

HubSpot is one great tool that can help you in that challenging process. HubSpot is the undisputed king of inbound marketing, with innovative marketing automation tools. However, if you want to get the best out of your HubSpot and Bigcommerce store, you need to know how to integrate the two platforms.

In today’s article, we will give you comprehensive instruction on how to integrate HubSpot with BigCommerce.

Let’s get started!

What is HubSpot?

HubSpot
HubSpot

HubSpot is an American software provider with the mission to greatly assist you with inbound marketing, sales and customer service.

Founded in 2006 by Brian Halligan and Dharmesh Shah, HubSpot is a comprehensive CRM platform that provides you with all of the resources you require to expand your business.

Moreover, being considered an all-in-one system, HubSpot offers a multiple of options for you to choose from ranging from HubSpot Marketing Hub, HubSpot Service Hub, HubSpot Sales Hub, CRM.

Why Should We Integrate HubSpot with BigCommerce?

Now you might still have some doubts about why you would want a HubSpot BigCommerce integration. Therefore, here are the top three reasons you need to know so as to clear all your doubts about this complete solution.

  • Help boost the conversion rate

HubSpot is capable of tracking what your visitors have viewed with detailed reporting, and more importantly, what have turned them into your actual customers.

  • Help track your customer’s orders

HubSpot can provide you with valuable data about your customer’s orders, including information about products they have purchased and how much they have spent on the latest order.

  • Help maximize your marketing automation

It’s high time that you took advantage of all the precious pieces of information that HubSpot provides so that you can build your ideal marketing campaigns and make the best out of marketing automation.

How to Integrate HubSpot with BigCommerce via CedCommerce?

In this part, you will learn about HubSpot BigCommerce integration using CedCommerce. But first, let me tell you a little bit about some main features of the BigCommerce & HubSpot Integration by Cedcommerce.

With this integration, you can sync an unlimited amount of data such as products, customers; enjoy great automation and segmentation via ready-to-use workflows, and update continuously with tracking details of your marketing campaigns and so many more.

With regards to detailed instructions on how to conduct the HubSpot BigCommerce integration using CedCommerce, let’s follow these 8 steps!

Step 1: Go to the HubSpot CRM Connector App

In this first step, you need to search for the HubSpot CRM Connector App by CedCommerce in Google by clicking here .

After that, you will see this interface:

Step 1: The HubSpot CRM Connector App
Step 1: The HubSpot CRM Connector App

Step 2: Click on the “Get this app” button

Here you just need to click on the “Get this app” button in order to start installing the application.

Step 2

Step 3: Click on the “Login” button or “Sign up” button

Here you will have two options to choose from: Log In and Sign Up.

Step 3

If you are already logged in, you can get directly to the dashboard of Hubspot CRM Connector by CedCommerce just by clicking on the Log in button.

However, if you are new to BigCommerce, click on the Sign up button and start building your BigCommerce store.

It is quite easy to build your BigCommerce store since you just need to follow the steps shown on the BigCommerce website, which mainly involve filling out your email and your store’s information.

Step 1 of signing up for your BigCommerce store
Step 1 of signing up for your BigCommerce store
Step 2 of signing up for your BigCommerce store
Step 2 of signing up for your BigCommerce store

Step 4: Click “Install” to start installing HubSpot CRM Connector

Since you are logged in, it will automatically lead to the HubSpot CRM Connector on your BigCommerce store interface. It looks like this:

Step 4
Step 4

You need to click on the button Install to start the installation. It will take you just a few seconds to finish the installation.

Step 5: Click “Confirm”

Step 5
Step 5

After the installation is complete, HubSpot CRM Connector By CedCommerce will ask to update its access to your BigCommerce store, and all you need to do is to click on the button “Confirm”. By doing this, you officially let HubSpot CRM Connector By CedCommerce have access to all your store’s data.

Step 6: Enter your user details

After clicking “Confirm”, you will be automatically directed to the Setup section. Here you have to fill out all your details such as full name, email address, country, and contact number.

Step 6: Enter your user details
Step 6: Enter your user details

Once you enter all your details, you also need to read through the terms and conditions and Privacy Policy of CedCommerce regarding payments, subscriptions, refunds, account termination, your account and password, communication policy, review policy, etc.

Make sure you understand all of those regulations, and if you agree with them, click on “Accept Terms & Conditions” and the “Submit” button.

Step 6
Step 6

You may also need to enter the OTP sent to your phone number for this BigCommerce Integration app.

This step is of great importance since it helps to connect your HubSpot Account with your BigCommerce data. By doing this, you let the app sync your BigCommerce Data to your HubSpot Account. Just click on the “Connect HubSpot Account” button if you already have your HubSpot account.

Step 7
Step 7

However, if you don’t have a HubSpot Account yet, please open the HubSpot Account here to sign up.

You must sign up for a HubSpot account in order to proceed. It will take you quite a while to set up your first HubSpot account, but just take it easy and enter the right information in accordance with what HubSpot requires.

Once logging in, you will need to confirm one more time to connect BigCommerce Integration to Hubspot. Just click on the “Connect app” button.

Step 7
Step 7

Step 8: Select whether you want to sync old BigCommerce Data to your Hubspot Account

It will take you a few minutes to connect your HubSpot Account to BigCommerce Integration, so be patient.

After that, it will automatically lead you to the configurations section.

Here you will choose whether you want to sync old BigCommerce Data to your Hubspot Account.

Choose “Yes, I want to sync old BigCommerce Data” or “No, I want to sync only new BigCommerce Data” to suit your own needs and preferences.

Then click on “Submit & Complete” to finish the integration process.

Step 8: Syncing old BigCommerce Data to your Hubspot Account
Step 8: Syncing old BigCommerce Data to your Hubspot Account

And that’s how you can integrate HubSpot with BigCommerce via CedCommerce. It’s pretty easy, right?

How to integrate HubSpot with BigCommerce via Groove Commerce?

In this part, we will introduce another platform that can help you integrate HubSpot with BigCommerce, which is Groove Commerce.

With the BigCommerce & HubSpot Integration by Groove Commerce, you can automatically sync your customer and order data in your HubSpot account, segment your customers by lifetime revenue, average order value, and products purchased. Besides, you can build automated workflows with personalized and triggered emails, including welcome series, abandoned cart recovery, post-purchase follow-ups, product reviews.

There are 13 main steps that you need to follow in order to complete the HubSpot BigCommerce integration using Groove Commerce. And now, let’s check it out!

Step 1. Log into your BigCommerce store

First of all, you need to log into your BigCommerce store with the “Owner” account. This is a must since only after signing into the owner account can you get access to the App Store and install Apps, including the HubSpot Integration by Groove Commerce. A store can have several administrators but just one owner account.

Step 1: Log into your BigCommerce store
Step 1: Log into your BigCommerce store

Step 2. Click on Apps in the dashboard and go to the Marketplace

After having signed in, you look for Apps in the dashboard, which is on your left-hand side, and you click on that.

Step 2*
Step 2

After that, you click on the Marketplace button and then the BigCommerce.com/apps button, as shown in the below screenshot.

By doing that, you will enter the BigCommerce Marketplace where you can look for and install a large number of BigCommerce integrations and apps, HubSpot Integration by Groove Commerce included.

Step 2
Step 2

Step 3. Search for “Hubspot Integration by Groove Commerce”

Here on the BigCommerce Marketplace interface, you need to type in “HubSpot Integration by Groove Commerce” in the searching box. The result will be shown in the below image.

Step 3
Step 3

Step 4: Click “Get this app”

After seeing the result, you have to click on that option, and then you will see a new interface that looks like this:

% include image.html src=”https://cdn2.avada.io/media/resources/hqGQ72R.png” alt=”Step 4” caption=”Step 4” %}

Make sure to click on the button “Get this app”.

Step 5: Click “Log in” and “Install” to start the installation process

After clicking on “Get this app”, you will get asked whether to log in or sign up. Since you are already logged in with your BigCommerce account, please click on the button “Log in”.

Step 5
Step 5

You will be automatically directed to your BigCommerce store with the Hubspot Integration by Groove Commerce interface, which looks like the image below. Then you need to click on the “Install” button to officially start the installation process.

you need to click on the Install button to officially start the installation process.

Step 6. Click “Confirm” to give Hubspot Integration by Groove Commerce access to your store

It will take the Hubspot integration a few seconds to fully install. Then HubSpot Integration by Groove Commerce will ask you whether you allow it to update its access to your BigCommerce store.

You then need to check the box as shown below and also click on the “Confirm” button.

Step 6
Step 6

Checking the box means PCI-DSS compliance (or non-compliance) with this application is solely your responsibility. You promise to release, hold responsible, and protect BigCommerce against all liabilities related to the use of this application or any known or alleged PCI-DSS vulnerabilities, data breach, fines, penalties, or non-compliance.

Meanwhile, clicking on “Confirm” means that you agree to the BigCommerce terms of service and the HubSpot Integration by Groove Commerce privacy policy.

Step 7. Click “Click here to Authorize” to allow Hubspot Integration by Groove Commerce to connect with your HubSpot account

You will need to wait for a few seconds to complete the installation process. A new interface will appear afterward, and it looks like the below image.

All you need to do is click on the “Click here to authorize” button.

Step 7
Step 7

This button will direct you to your HubSpot account which you have to sign in beforehand. If you have not had a HubSpot account yet, you can learn to sign up for a new account all by yourself since it is rather easy, just takes you a few clicks, and requires you to fill out some fundamental information.

At this new interface, you will need to authorize the access for the HubShop.ly for BigCommerce app one more time. All you need to do is choose your HubSpot account and click “Choose Account” as the following picture shows.

All you need to do is choose your HubSpot account and click Choose Account as the following picture shows.

Step 8. Enter your payment details to start your 14-day free trial

Step 8. Enter your payment details
Step 8. Enter your payment details

After authorizing the HubShop.ly access, you will be automatically directed to a new interface where you need to enter your payment details, including your card number, email address, offer code, etc.

Once finishing the details, click the “Begin your initial contact sync” button.

Step 9. Automatically sync data

After that, your initial contact sync will be automatically activated as shown in the picture below.

Step 9. Automatically sync data
Step 9. Automatically sync data

The syncing process will take quite a while since it will sync all of your customers and order data with HubSpot.

HubSpot and BigCommerce integration via Groove Commerce will drop you an email at your email address which you have just signed up for when the process is completed.

Step 10. Complete the Sign Up Form

In order to fully install HubShop.ly, they also require you to provide some more information relating to your company and your website.

Just fill out all of the information needed and click the “Thanks for Signing up” button.

Step 10
Step 10

Step 11. Copy and paste the scripts given by Groove Commerce JavaScript

You are almost there! Now you just need to follow detailed instructions shown on your screen to fully integrate HubSpot via Groove Commerce.

Please note that this step is instructed in a very detailed manner right in the interface of HubShop.ly, therefore, we will just talk about some main actions you need to take.

First of all, you need to copy the script that HubShop.ly gives you. Then you have to open your HTMLHead.html file and paste the JavaScript right before the </head> tag in your theme’s HTMLHead.html template.

Secondly, you copy the script given by HubShop.ly and paste it at the very end of your theme’s CartItem.html and CheckoutCartItem.html snippets. This allows you to install the tag required for abandoned cart functionality.

Step 12. Open your homepage in another tab and click refresh

After copying and pasting all the aforementioned files, you need to open your homepage in another tab and refresh the website.

Step 13. Click “Recheck JavaScript status”

The very last step is to go back to your Hubspot Integration by Groove Commerce tab and click on “Recheck JavaScript status”.

If the Javascript status is not detected, which shows on your screen as “No” in the HubShop.ly JavaScript detected section, you should try to repeat step 11 one more time.

If it is detected, then you are officially done with the integration! Congratulations!!!

Step 13
Step 13

That’s all 13 steps that help you to integrate HubSpot with BigCommerce using Groove Commerce.

Conclusion

With all of the advantages that you can have by integrating HubSpot with BigCommerce, it is undoubted that you should integrate your HubSpot account with your BigCommerce store as soon as possible. When finishing the integration, you can definitely enjoy more and more visitors to your stores, seeing your business grow day by day, and having smooth and great marketing automation.

Today’s article has covered only two platforms (CedCommerce and Groove Commerce) among many other platforms that can help you integrate your HubSpot account with your BigCommerce store. The step-by-step instructions have also been given for each platform to help you with the HubSpot BigCommerce integration process.

Hopefully, you enjoy reading this article, and now you can integrate HubSpot with BigCommerce easily.

We wish you the best of luck with your HubSpot BigCommerce integration, and thank you so much for reading! Feel free to comment below or contact us if you have any questions.

Related Posts:


Roger has over 4 years of experience in SEO. While in college, he started learning about SEO and showed a passion for the field. Right after graduation, he embarked on SEO projects and achieved great success. After years of working, he has learned deeply about SEO. Currently, he is the SEO team leader at avada.io

Stay in the know

Get special offers on the latest news from AVADA.