Skip to content
A Gatsby.js plugin that includes stripe.js in every page of your Gatsby site
Branch: master
Clone or download
Latest commit d814c5e May 24, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Run prettier May 24, 2019
.babelrc Initial commit Nov 17, 2018
.eslintrc Add eslintrc May 24, 2019
.gitignore Update gitignore May 24, 2019
.npmignore Update npm integration May 24, 2019
.npmrc Update npm integration May 24, 2019
.prettierrc
CHANGELOG.md Add 1.2.1 to CHANGELOG May 24, 2019
CODE_OF_CONDUCT.md Add code of conduct May 24, 2019
README.md Add link to Stripe Checkout May 24, 2019
index.js Initial commit Nov 17, 2018
package-lock.json
package.json 1.2.1 May 24, 2019

README.md

gatsby-plugin-stripe

A simple plugin that adds stripe.js to every page on your Gatsby site.

This is especially useful for building out a Stripe integration using Stripe Elements or the new version of Stripe Checkout.

If you're using Stripe Elements, once stripe.js is added to your Gatsby site, you can use Stripe's React Element components to integrate Elements into your site.

How to use

  1. Install using either npm or yarn:
yarn add gatsby-plugin-stripe

or

npm install gatsby-plugin-stripe
  1. Add to gatsby-config.js
module.exports = {
  plugins: [
    `gatsby-plugin-stripe`,
  ]
}

To load the <script> tag asyncronously, pass an 'async' option in gatsby-config.js.

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-stripe`,
      options: {
        async: true,
      },
    },
  ],
}
You can’t perform that action at this time.