Design+Code logo

Quick links

Suggested search

Account Set Up

To start with Stripe, head over to stripe.com and sign up for an account. Click on the Sign in button on the top right of the header. Then on that page, click on Sign up . Enter your email address, name, the registration country of your business, choose a password and hit Create account . Next, you have to verify your email.

Creating Stripe Account and Product image 1

Create Product

Once you have verified your email, you can check their documentation on how to start your integration. This guide shows you how to create and manage products and prices. Note that we are defaulted to the test mode in our account. First, we need to create a product. In this case, it will be a non-subscription product. Go to the Products tab and click on + Add product . Assign the Name Design+Code React Hooks Course to the product and an optional Description Learn how to build a website with React Hooks . In the Additional options , enter the Statement descriptor if you want to override the default account descriptor. This short info is what will be shown on the customer's charge. Then choose a Unit label associated to your product. For example, a seat is generally defined for a subscription. We will leave this section empty.

Creating Stripe Account and Product image 2

Create Price

Creating a price is done on the same page as the product if there isn't any for that product yet. For the pricing model, there are four options.

  • Standard pricing: same price per unit- Package pricing: price per bundle of units- Graduated pricing: price per unit decreases as quantities increase, different price per unit for each pricing tier- Volume pricing: price per unit decreases as quantities increase, same price per unit for every unitSelect Standard pricing as the pricing model and enter $19 as the Price in USD . Since this is a one-time purchase kind of product, select One time . You may enter an internal note in the Price Description field, this info won't be displayed publicly.

Creating Stripe Account and Product image 3 Once all information is entered, click on Save product.

Account Naming

The last step to complete is to assign an account name. Go to the Settings icon. On the Business settings , select Account details and add a name for the account. There you have it, with just a few steps, you are already ready to start testing.

Learn with videos and source files. Available to Pro subscribers only.

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

BACK TO

Gatsby and Shopify Part 3

READ NEXT

Adding Stripe.js to React

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads