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
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 Add 1.2.1 to CHANGELOG May 24, 2019 Add code of conduct May 24, 2019 Add link to Stripe Checkout May 24, 2019
index.js Initial commit Nov 17, 2018
package.json 1.2.1 May 24, 2019


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


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

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.