Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

Gatsby Theme Woocommerce

This is a Gatsby theme for displaying products from a Wordpress Woocommerce instance.

See the live demo


The theme isn’t yet a fully functioning ecommerce site with the ability to checkout, but instead it is a proof of concept of what can be done with Woocommmerce and Gatsby. The following features are available in the theme:

  • All Products Page
  • Paginated Products page
  • Simple Product Page
  • External Product Page
  • Local Storage MiniCart


To use this theme in your Gatsby sites, follow these instructions:

  1. Install the theme

    npm install --save @ccerda0520/gatsby-theme-woocommerce
  2. Add the theme to your gatsby-config.js:

    module.exports = {
    plugins: [
            resolve: '@ccerda0520/gatsby-theme-woocommerce',
            options: {
                woocommerce_api: 'wp-woocommerce-themejam.dev.localhost',
                woocommerce_https: false,
                woocommerce_consumer_key: 'ck_79997ad91749a5dfe86e34133ac247aaed932216',
                woocommerce_consumer_secret: 'cs_cbaf2e1a7c262b64f7b42d740db98635ea1bd84c',


Replace the options above with your woocommerce site’s correct data. To grab the woocommerce consumer key and token, visit the following for instructions

  1. Start your site
    gatsby develop
© 2023 Gatsby, Inc.