Skip to content
Stripe checkout for Ember
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
tests Run ember init blueprint May 21, 2017
.travis.yml Fix travis builds May 22, 2017
.watchmanconfig Upgrade to ember-cli 2.12.1 and refactor addon Apr 16, 2017
package.json Bump version Jun 23, 2018
yarn.lock Add yarn lock May 21, 2017

Stripe checkout for Ember Build Status



Simplest way to implement card payments in your Ember app.

This addon integrates Stripe's embedded payment form, Checkout. See Stripe Checkout docs.

The best documentation is the sample application in tests/dummy.


ember install ember-cli-stripe 


  name="Demo Site"
  description="2 widgets ($20.00)"
  onToken=(action "processStripeToken")

Component properties

Property Purpose
label Stripe Checkout button text.
isDisabled When true, the Stripe Checkout button is disabled.
showCheckout Can be used to open the Stripe Checkout modal dynamically.

Besides the above, all Stripe Checkout configuration options are supported. If you notice anything missing please open an issue.


The primary action of this component, onToken is called when the Stripe checkout succeeds. Its main param is a Stripe Token object.

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
     * Receives a Stripe token after checkout succeeds
     * The token looks like this
    processStripeToken(token, args) {
      // Send token to the server to associate with account/user/etc

List of all actions:

Action Purpose
onToken The callback invoked when the Checkout process is complete.
onOpened The callback invoked when Checkout is opened.
onClosed The callback invoked when Checkout is closed.


All Stripe Checkout configuration options can be set in your apps config.

In most cases, you will want to add at least your Stripe publishable key to your app's config, but this can be set as a property on the component too.

// config/environment.js
module.exports = function(environment) {
  var ENV = {
    stripe: {
        key: 'pk_test_C0sa3IlkLWBlrB8laH2fbqfh',

  return ENV;

Note: If Stripe options are set in the environment.js file and when invoking the component, the later value will win.

Multiple Stripe keys are supported, when passed directly to the component.


This addon is tested against Ember 1.13+.

For older versions of Ember, use version 0.4.0 and check the old docs.

Note: At your own risk, feel free to try current version, it might still work.


PRs welcome!

  • git clone this repository
  • npm install
  • bower install


Running Tests

  • npm test (Runs ember try:testall to test your addon against multiple Ember versions)
  • ember test
  • ember test --server

For more information on using ember-cli, visit

You can’t perform that action at this time.