Skip to main content


Introducing Chargify.js: Another Tool In The Integration Toolbox

Thousands of businesses have signed up and managed more than 20 million subscriptions through Maxio.

Adam Feber image

Adam Feber

September 11, 2018

Thousands of businesses have signed up and managed more than 20 million subscriptions through Maxio. We know first hand that there is no one-size-fits-all solution because every business has unique needs based on their billing models, integration requirements, and resources available.

Today we’re happy to announce Chargify.js as another tool in the Chargify integration toolbox.

Chargify.js is a JavaScript library that seamlessly embeds a PCI compliant payment form when payment information needs to be collected throughout the customer lifecycle:

  • When a visitor subscribes and payment information is collected on sign up

  • When free trial/plan converts to a paid plan and needs to enter payment information

  • When an existing customer needs to update their payment information because they got a new card or want to use another payment method

Integrating with Chargify.js removes compliance responsibilities, allows you to fully customize the end-user experience, and unlocks the full power of our API.

We were really excited to participate in the early access program. Chargify.js made it super easy to integrate Maxio into our site—much easier than we ever expected. Thank you Maxio!

Christo Boshoff, Senior Software Developer, MiX Telematics

Your Site. Our Compliance.

We are annually audited to maintain the highest level of compliance (PCI DSS Level 1) for a service handling payment data. But using Maxio doesn’t always mean that your business doesn’t assume any compliance responsibilities. What method you use to pass payment information determines what level of responsibility you assume.

Our hosted Public Signup Page has historically been the only true out-of-the-box, compliant solution. Maxio Direct and our API provide more customizable integration options, but also pass on some level of compliance responsibilities. With Chargify.js, you can now have the best of both worlds—a fully customizable integration without the added responsibilities.   

Chargify.js makes this possible through tokenization. An embedded form is used to collect a customer’s card or ACH information. When submitted, it is encrypted and passed to the payment gateway through Chargify.js. A one-time use token is then created and returned to complete an event such as creating a new subscription.

Here is a behind the scenes look at what the process looks like. Remember, this all happens in less than a second.

Tokenization removes the threat of any vulnerabilities on your site that could potentially see and store payment information.

Customizing The Experience

The benefit of using Chargify.js is the ability to seamlessly integrate payment forms directly inside of your website or application. But it isn’t fully seamless unless you can style it to match your brand and design aesthetics.

Chargify.js gives you full control over the CSS to customize colors, fonts, field text, field placement, and validation errors. The ability to modify content also means you can support any language needed for localization.


Chargify.js + Chargify API   

Our API is super powerful and can be used to integrate Maxio in countless ways. We’re quickly approaching more than 400 million monthly API calls, and that number continues to grow.

We could not be happier with the API flexibility and performance. Maxio has quickly become an indispensable part of the day-to-day operations at Assembla.

Jacek Materna, CTO, Assembla

But not every customer has been able to harness the true power of our API because of the assumed PCI compliance responsibilities mentioned above. Chargify.js + Chargify’s API removes the responsibility bottleneck with tokenization and unlocks the full power of our API for anyone that wants to use it.

Take The Next Step

Join the newsletter

Get actionable insights from industry experts delivered to your inbox.