<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1593488450678541&amp;ev=PageView&amp;noscript=1">

What is collect?

Collect is an application which integrates with both HubSpot and Stripe to allow users a simple way to add credit card collection elements to website pages and landing page built in HubSpot.  In the past the only way to accomplish this was to fire up your own server and hire a developer to write complex API code pulling and pushing data back and forth between the server and your website. 

 I know, that previous paragraph was full of a bunch of technical jargon, let's try to simplify it a little further.

How it works?

Collect is not just a credit card form.  We have created a series of modules designed to be placed right into your page using HubSpot CMS page editor.  Simply drag and drop the module into place, add a few quick settings and your page is ready to publish. Click the modules tab to learn more about the modules available with collect. 

Stripe handles all of the processing, when you visitor enters their credit card information into your page that information is not stored anywhere in HubSpot. Collect uses the secure API code provided by Stripe to gather that information and fire it over to Stripe, stripe processes the information and sends the approved or declined message back to your page.   Click the Data tab to learn more about this.

Collect Overview

What can you do with collect?

Because collect uses Stripe provided API's you can sell any product you create in your Stripe dashboard.  You can also leverage features like: 

  • One-time payments and Deposits
  • Payment Plans
  • Subscriptions
  • Coupons/Discounts
  • Tax collection


Start your 14 day free trial

The Modules

If you have been using HubSpot CMS pages for any length of time you are likely familiar with how HubSpot uses modules in the construction of landing pages and website pages.  To get you started, your collect subscription will include 3 modules ready to use out of the box.  As we continue to develop more modules and themes you will have access to our complete library of products at no extra charge. 


  • All modules are designed to match your brand with little or no editing required
  • No code set-up, each module includes clear instructions to get started
  • Drag and drop compatible, place your module in your page with ease.
ezgif.com-gif-maker (2)

Card Element

Secure credit card collection form. This module includes options for billing and shipping address, tax calculation, coupons, and cardholder contact information.

View live Demo

ezgif.com-gif-maker (3)

Checkout Button

One of our most popular marketplace items is the Stripe checkout button.  Redirect visitors from your HubSpot page to a secure Stripe checkout form to complete their transactions.

View live Demo

ezgif.com-gif-maker (4)

Pricing Table

The pricing table module utilizes the checkout button within a feature pricing table. Highlight your services and offer multiple options on a single page.

View live Demo


Donation Form

The donation form module will automatically create a subscription or one time payment in the amount of your choosing, or allow your visitors to decide how much to give. 

View live Demo

Start your 14 day free trial



  • No additional transaction fees
  • Unlimited users
  • Unlimited use of the modules
  • Fully supported

Start your 14 day free trial


No contracts, no commitments, cancel anytime. 

The collect app is not involved in the financial transaction in anyway.  We do not monitor your transaction or charge any fees.  The only fees you pay are directly from Stripe as part of their terms and conditions.

When you download the modules to your HubSpot portal they work the same as any other module.  You may use them as many times as you like on as many pages as you like.

For simplicity we charge in USD

Data Collection

This is very important.
None of the personal financial data collected is stored or processed in either HubSpot or the collect application.  All personal financial information is stored and processed in your Stripe account and is protected by their security protocols.  For more information on Stripe security visit: www.stripe.com/docs/security/stripe

HubSpot oAuth

In order to use the application you will need to authorize our app to connect to 4 objects within your HubSpot account.  

Basic OAuth functionality

Required to login and log out of the application. Access HubSpot user data for permissions and settings to make edits within the application.


Used to add and identify customers from Stripe to your Contacts record in HubSpot


Used to style payment forms and retrieve form data from your HubSpot account to be used within the modules and Stripe.


Used to transfer the module, themes, and templates from our application to your HubSpot design tools to be used with HubSpot CMS.


Screen Shot 2021-01-09 at 3.01.07 PM
Start your 14 day free trial
If you have additional questions about our data policies, please contact support@larmahil.com.


Please use the form to create a support ticket by describing the issues with your module or template. We monitor the support inbox 7 days a week to ensure a prompt response to your request.


Setting up your App

Once you have authorized the application there are 4 steps required to get yourself set up. 

  1. Subscribe - even in your free trial period a subscription is required in order to access the modules, and start using them in your pages
  2. Edit your Stripe Secret Key - Find your Stripe Secret Key by visiting your stripe DashboardDevelopers > API Keys > Reveal Secret KeyCopy and paste it to connect the app to your stripe account
  3. Generate your Collect API Key - The API key will be used within the modules to connect your modules to the app and process your Stripe tokens.
  4. Download the modules - This will add the modules and templates to your HubSpot so you may use them in the page editor. Each module will have its own set up instructions.

Using the Modules

The modules are no different than any other HubSpot marketplace module.  You may use them within any compatible HubSpot landing page and website page. Click here to learn more about using HubSpot modules.


Module Settings

In order to use the card element module you will need the following information:

  • Collect API Key
  • Stripe PK 
  • Stripe Price ID
  • Stripe Tax ID (optional)

Once you have subscribed to the app and downloaded the modules you may begin using them on HubSpot pages. 

In the Settings of each module, there are clearly labeled fields where you will enter each of these items.

Optional set up may include:

  • Coupons (follow stripe coupon set up instructions) then check the "allow coupons" box
  • Billing and shipping address
  • Tax codes (follow the stripe set up for tax codes)
  1. Select your product from your product list in stripe
  2. In the Pricing Section select the three dots to reveal more options
  3. Get Checkout code snippet
  4. Copy code and save it to a note or clipboard (somewhere where you can look at it later)
  5. Done

(function() {
var stripe = Stripe('pk_test_thNlL3OOtA1TDrAVqfS7mKD2');

var checkoutButton = document.getElementById('checkout-button-price_1H4WtZB03Uw5jmnG801HOjUT');
checkoutButton.addEventListener('click', function () {
// When the customer clicks on the button, redirect
// them to Checkout.
lineItems: [{price: 'price_1H4WtZB03Uw5jmnG801HOjUT', quantity: 1}],
mode: 'subscription',
// Do not rely on the redirect to the successUrl for fulfilling
// purchases, customers may not always reach the success_url after
// a successful payment.
// Instead use one of the strategies described in
// https://stripe.com/docs/payments/checkout/fulfill-orders
successUrl: window.location.protocol + '//larmahil.com/success',
cancelUrl: window.location.protocol + '//larmahil.com/cancelled',
.then(function (result) {
if (result.error) {
// If `redirectToCheckout` fails due to a browser or network
// error, display the localized error message to your customer.
var displayError = document.getElementById('error-message');
displayError.textContent = result.error.message;

For stripe settings, you will use the same information as the checkout button required.