chargifyjs

Full Chargifyjs examples for HTML/CSS front-ends.

Install

1. Download files
2. Launch your localhost in terminal (example: php -S localhost:3000 - or any other standard HTML opener)
3. Open your browser and go to localhost:3000/examples.html

Testing

To test with your own Chargify account, replace the publicKey and serverHost in each load.js file.

Example Images

Basic CC Form

CC with Billing Address

PayPal

ACH

Gocardless

Chargify.load

Within each example's code, look at the methods/load.js file for the full load json. Edit as needed.

CSS

Within each methods/load.js file, you'll find example CSS within the style section. For easier CSS, explore the CSS examples inside each index.html file. For example, here: https://github.com/mmeo/chargifyjs/blob/main/chargifyjs_prod/cc-only/index.html#L29-L39. You can pass something like:

#cc_number iframe {
  width: 100% !important;
  background-color: red;
  something: else;
}