Sync the data
you want with the
system you know

Integrate ChargeBee and More with HubSpot

Project Overview

Chargebee, a popular subscription billing platform, was already integrated with HubSpot when the client approached us with a new requirement. They asked us to integrate their event ticketing system, Humanitix, into the same ecosystem. The goal was to enable seamless event management, ticket purchases, and subscription tracking within HubSpot, without switching between platforms.

We designed and implemented a custom CMS within HubSpot, integrated Chargebee’s full feature set, and ensured everything, from event booking to subscription management, could be done directly within the HubSpot environment.

Tools & Technologies Used

• HubSpot CMS
• HubDB
• Chargebee API
• HubSpot Custom Objects
• MiniOrange (for Single Sign-On integration)
• Middleware (Custom Node.js Server)
• HubL, HTML, CSS, Laravel, My SQL, JavaScript, Ajax

Requirements

1. Integrate Humanitics event booking into HubSpot.
2. Display all event information dynamically inside HubSpot CMS.
3. Enable ticket purchases directly from the HubSpot platform.
4. Store and manage subscription data with multiple tiers (monthly, yearly, two-yearly).
5. Create and manage custom objects in HubSpot to represent subscriptions.
6. Sync subscription and payment data with Chargebee.
7. Allow users to view and manage Chargebee features (like invoices, subscriptions, and payments) inside HubSpot.
8. Implement SSO to simplify the login experience for users.
9. Build a dashboard to show user-specific data (subscriptions, invoices, events).

Challenges

• Mapping multiple event data points from Humanitix into HubSpot dynamically.
• Manage complex subscription plans and link them to individual users and companies.
• Ensuring data consistency across HubSpot and Chargebee.
• Enabling full Chargebee functionality inside HubSpot via CMS.
• Handling secure authentication through SSO and streamlining the user experience.
• Designing a middleware layer to connect and sync all services without performance lag.

Solutions

• Event Integration: Integration experts at Computan built a custom CMS in HubSpot that fetches and displays all upcoming events from Humanitics. Users could view and book tickets directly from HubSpot.
• Subscription Management: Our Integration team created a custom HubDB table to store dynamic subscription IDs and plan types (monthly, yearly, two-yearly). This allowed flexible plan offerings.
• Checkout Page Enhancement: We displayed complete payment details, including card info, order breakdown, and installment options on the checkout page.
• Custom Object for Subscriptions: Our HubSpot integration experts developed a custom object in HubSpot to track each user's subscription and synced it with Chargebee for invoice and billing management.
• CMS Extension: We also built a middleware-based extension that brought Chargebee functionalities (like customer data, invoices, payments, subscriptions) directly into HubSpot CMS.
• Single Sign-On (SSO): Then, we integrated MiniOrange for secure SSO. Once users were authenticated, they could access their dashboard with SSO.
• User Dashboard: Computan integration experts also created a personalized dashboard showing subscriptions, invoices (with PDF download options), and upcoming events.

Results

• Full Feature Parity Inside HubSpot: The users and our client could access almost all Chargebee features inside HubSpot, eliminating the need to switch platforms.
• Improved User Experience: With SSO and a unified dashboard, users had a seamless and efficient experience.
• Increased Efficiency: Admins could manage events, subscriptions, and customer data in one place.

Computan team involved in the project

Integration Developer: Tameem Ahmed, Usman Akhtar

Team Lead: Huzaifa Ahmad, Zeeshan Ibrar