from our blog

Using HubSpot & Shopify for eCommerce

Posted by Simranjeet Singh

HubSpot, Lead generation, Ecommerce, Shopify, HubSpot Developers, HubSpot Development

The HubSpot platform does have its limitations when it comes to eCommerce store management. I even mentioned it as a con of HubSpot in my superhero CMS comparison blog. But, HubSpot doesn’t show a dead-end to the eCommerce website owners. Its native integration for the Shopify app store is the silver lining in the dark cloud. 

 

eCommerce store owners can integrate their Shopify store data with HubSpot. Once the integration is successful, the eCommerce store owners can fetch their Shopify data including orders, customers, and Products in HubSpot as Order Pipeline, Customer Contacts, and Product Library respectively to automate the orders with workflows. 

Upon integration, the users will have their own eCommerce Dashboard in HubSpot with 7 default reports. 

The Default Reports are… 

  • Order Snapshot 
  • Average order value by source 
  • Net new customers vs. last month 
  • Abandoned Cart Recovery 
  • New sales processed summary 
  • Lifetime order value by source 
  • Sales processed this month vs. goal 

This is the common integration scenario that almost everyone is aware of. 

 

Computan did work on a HubSpot-Shopify integration to offer more ease of use for the user and simplify the managing experience for the store owner. 

 

The developers at Computan implemented the eCommerce functionality on the HubSpot website without having the owner to change the CMS.

 

Computan developers installed the Shopify Buy Now button on the HubSpot website and made the buying feature available on the HubSpot website in three easy steps. 

 

  1. The user clicks on the Buy Now Button 
  2. The on-click behavior opens an ‘Add to Cart’ Popup 
  3. When the product is added to the cart, the user is directed to the checkout page. 

Here’s how Computan did it.

 

Create a Buy Button for any product or collection and add it to any third-party website or blog.

This buy button is open and free to use.

  • Go to Shopify App section
  • Search for Buy Button
  • Click and Install

HubSpot & Shopify for eCommerce

 

 

HubSpot & Shopify for eCommerce

 

Once installed, it will ask you to choose either the single product buy button or the collection buy button.

 

screen-3-1

 

Use the Buy Button editor to match the style and colors of your brand, then copy and paste the HTML code script to your website page where you want it to appear.

 

screen-4-1

 

USING THE BUTTON IN HUBSPOT

Once you copy the code from Shopify in the third step, then you add it on the website where you want to show it. In the given example, the button is being added in HubSpot site main banner.

 

screen-5-1

  • Your users can either purchase without leaving your site and even checkout in a popup.
  • You can even create quick checkout links that will send shoppers directly to your checkout page.
  • Choose a single product and variant, then copy your link to any email, direct message or social media post.

 

HubSpot Shopify Integration

 

HubSpot Shopify Integration

 

When the user clicks on ‘Checkout’ the secure payment page opens. 

Enticing Features of HubSpot Shopify Integration 

ROI Tracking 

The store owners can track their campaigns, revenue, conversion rate among other parameters.

 

Automated Workflows 

Ready-to-sue automated workflows include order-related, ROI calculation, lead nurturing, etc.

 

RFM Segmentation 

RFM stands for Recency, Frequency, and Monetary. The store owners can segment the customers based on these parameters to know the interest level of the customers.

 

Abandoned Cart Recovery 

The operators can retain their customers as HubSpot allows them to send emails to the users who visited the website and abandoned their cart.

 

Field to Field Customer Details 

This helps the store operators know more about the customers.

 

HubSpot eCommerce Bridge 

All the data is synced using the HubSpot eCommerce Bridge API.

 

With this integration, HubSpot did put its step in the eCommerce ecosystem. It can’t host eCommerce websites alone is a limitation, however. 

 

There's a lot cooking in the Computan's development kitchen. Get in touch to learn more.

 

Computan has 20+ years of experience as web developers

 

 

Simranjeet Singh

Written by Simranjeet Singh

Writer | HubSpot Certified Inbound Marketer and Content Marketer