https://github.com/hanzoai/checkout.js

💳 Quickly capture payments with the best checkout flow for crowdfunding and product launches.
https://github.com/hanzoai/checkout.js

checkout-widget ecommerce form javascript payments shopjs

Last synced: 2 months ago
JSON representation

💳 Quickly capture payments with the best checkout flow for crowdfunding and product launches.

• Host: GitHub
• URL: https://github.com/hanzoai/checkout.js
• Owner: hanzoai
• License: other
• Created: 2015-05-15T00:10:24.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-12-13T07:43:01.000Z (about 7 years ago)
• Last Synced: 2024-10-29T21:21:36.181Z (3 months ago)
• Topics: checkout-widget, ecommerce, form, javascript, payments, shopjs
• Language: JavaScript
• Homepage: https://hanzo.io
• Size: 24.9 MB
• Stars: 99
• Watchers: 16
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Checkout.js

[![npm][npm-img]][npm-url]

[![build][build-img]][build-url]

[![dependencies][dependencies-img]][dependencies-url]

[![downloads][downloads-img]][downloads-url]

[![license][license-img]][license-url]

[![chat][chat-img]][chat-url]

> Easy to use checkout powered by [Hanzo][hanzo]

Checkout.js is an easy to use checkout widget powered by [Hanzo][hanzo]. It

makes it possible for businesses to begin taking pre-orders in minutes.

## Preview

![Checkout.js Image][checkout-image]

## Install

```bash

$ npm install checkout.js

```

## Usage

Set the `href` of your button to `#checkout`.

```html

Buy Now

```

Configure the checkout widget however you'd like.

```javascript

  var {Checkout, User, Order, Product} = Hanzo

  // Create user (pre-populated in form fields)

  var user = new User({

    email:     '[email protected]',

    firstName: 'Joe',

    lastName:  'Fan'

  })

  // Create order

  var order = new Order({

    currency: 'usd',

    items: [

      new Product({id:   '84cRXBYs9jX7w', quantity: 1}),

      new Product({slug: 'doge-shirt',    quantity: 1}),

    ]

  })

  // Instantiate checkout widget.

  var checkout = new Checkout('your access token', {

    social: {

      facebook:   'suchtees',

      googlePlus: 'suchtees',

      twitter:    'suchtees',

  })

  // Open widget. This can be called multiple times, overriding order or user.

  checkout.open('#checkout', user, order)

```

## Examples

You can find more examples [here][examples].

## License

[BSD][license-url]

[checkout-image]:  https://cdn.rawgit.com/hanzoai/checkout.js/v2.1.21/examples/basic/basic_screenshot.png

[checkout.js]:     https://cdn.rawgit.com/hanzoai/checkout.js/v2.1.21/checkout.min.js

[hanzo]:           https://hanzo.ai

[examples]:        https://github.com/hanzoai/checkout.js/tree/master/examples

[build-img]:        https://img.shields.io/travis/hanzoai/hanzo.js.svg

[build-url]:        https://travis-ci.org/hanzoai/hanzo.js

[chat-img]:         https://badges.gitter.im/join-chat.svg

[chat-url]:         https://gitter.im/hanzoai/chat

[coverage-img]:     https://coveralls.io/repos/hanzoai/hanzo.js/badge.svg?branch=master&service=github

[coverage-url]:     https://coveralls.io/github/hanzoai/hanzo.js?branch=master

[dependencies-img]: https://david-dm.org/hanzoai/hanzo.js.svg

[dependencies-url]: https://david-dm.org/hanzoai/hanzo.js

[downloads-img]:    https://img.shields.io/npm/dm/hanzo.js.svg

[downloads-url]:    http://badge.fury.io/js/hanzo.js

[license-img]:      https://img.shields.io/npm/l/hanzo.js.svg

[license-url]:      https://github.com/hanzoai/hanzo.js/blob/master/LICENSE

[npm-img]:          https://img.shields.io/npm/v/hanzo.js.svg

[npm-url]:          https://www.npmjs.com/package/hanzo.js