Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


A plugin for using Snipcart with Gatsby.


In your gatsby-config.js file, add:

module.exports = {
	plugins: [
			resolve: 'gatsby-plugin-snipcart',
			options: {


apiKey (required): Your Snipcart API key. If not set, it will try to find it in process.env.GATSBY_SNIPCART_APIKEY.

autopop: Whether or not the cart will open once a product is added. (Defaults to false)

js: A Snipcart JavaScript file. (Defaults to https://cdn.snipcart.com/scripts/2.0/snipcart.js)

jquery: A jQuery file to link to. Set to false for none. (Defaults to https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js)

styles: A stylesheet file to link to. Set to false for none. (Defaults to https://cdn.snipcart.com/themes/2.0/base/snipcart.min.css)

© 2023 Gatsby, Inc.