Skip to content

Latest commit

 

History

History
42 lines (26 loc) · 1.82 KB

STEP-3-DEFINING-PRODUCTS-IN-STRIPE.md

File metadata and controls

42 lines (26 loc) · 1.82 KB

Write Your Own Web Store In Hours

spacer

Defining your Product Catalogue

Let's add a couple of items to your Stripe product catalogue. You can choose whatever you like, but if you're stuck for ideas, there are a handful of images in the /workshop-assets/stripe-product-images folder that I grabbed from Unsplash to give you inspiration.

If you source your own images, ensuring they're 400px by 400px will make this workshop's suggested CSS work nicely. The images I've provided have been pre-cropped to these dimensions for you already.

spacer

👉💻👈 From the Product Creation Page in your Stripe Dashboard, make sure to add at least two products:

  • Provide the optional description - we'll display this in our product details page later.
  • Include an image.
  • Choose the "Standard pricing" model and define it as a "One time" payment.

📷 Screenshot of an example product being added to Stripe

image

spacer

Ben's Really Terrible Product Descriptions

(Feel free to use these yourself, if you like 🤣)

Now Hear This

These headphones have been specially designed to work on most human heads. Strategically positioned over your ears, the speakers will let you hear things. As seen on some Twitch streamers' Twitch streams.

Hopping Shoe

This show is red, which means you'll hop really fast. We don't sell hopping shoes for the right foot. Sorry.


▶️ STEP 4: Retrieving products from the Stripe API

⎌ Back to step 2: Create a new React Project