Stripe icon

Stripe Products

Note: To use this extension, log in to your Cosmic dashboard and go to Project / Extensions and find the Stripe Products extension.

Installation Guide

  1. Go to the Stripe dashboard and get your API secret key.
    CleanShot-2024-03-27-at-09.15.372x.png
  2. In the Cosmic dashboard go to Stripe Products / Settings and add stripe_secret_key as a Query Parameter with the Stripe API secret key set as the value.
    CleanShot-2024-03-27-at-09.19.112x.png
    CleanShot-2024-03-27-at-09.19.372x.png
  3. Make the extension available on the Products Object type on the Object edit page.
    CleanShot-2024-03-27-at-09.19.372x.png
  4. IMPORTANT: Make sure your Products Object type includes the following Metafields: image (image), stripe_product_id (text), price (number), and recurring (parent) containing is_recurring (switch) and interval (select dropdown with month and year options)
    CleanShot-2024-03-28-at-09.01.442x.png
  5. Go to any Product and you should now see the option to Add to Stripe.
    CleanShot-2024-03-27-at-09.24.282x.png
  6. Click Add to Stripe, refresh the page, and you should now see the Stripe Product ID field populated along with a link to view the product in Stripe.
    CleanShot-2024-03-27-at-09.26.092x.png
  7. Syncing to Stripe: After adding your product to Stripe, you will be able to Sync to Stripe after making updates to your product in Cosmic.
  8. Price Variants: To create price variants, add a Repeater Metafield to your Products Object type with the following Metafield structure:

Price Variants price_variants (repeater)

-- Label label (text)

-- Price price (number)

-- Stripe Price ID stripe_price_id (text)

  1. Enable auto-syncing with webhooks: Go to the Blocks Ecommerce page to see how to set up automatic syncing with webhooks.