Creating Stripe Account and Product
Add to favorites
Start integrating with Stripe and set up an account, product and price

Advanced React Hooks Handbook
1
Intro to Firebase
6:59
2
Firebase Auth
11:59
3
Firestore
10:51
4
Firebase Storage
6:40
5
Serverless Email Sending
10:02
6
Geocoding with Mapbox
9:24
7
Contentful Part 1
4:59
8
Contentful Part 2
8:52
9
Gatsby and Shopify Part 1
5:20
10
Gatsby and Shopify Part 2
13:21
11
Gatsby and Shopify Part 3
14:32
12
Creating Stripe Account and Product
5:18
13
Adding Stripe.js to React
5:54
14
Stripe Checkout Client Only
18:18
15
PayPal Checkout
31:21
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.
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.
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.
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.
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
Browse all downloads
1
Intro to Firebase
Learn about Firebase and set it up in your React project
6:59
2
Firebase Auth
Set up authentication in your React application using Firebase Auth
11:59
3
Firestore
Enable Firestore as your database in your React application
10:51
4
Firebase Storage
Enable Firebase Storage in your application to store photos or videos from users
6:40
5
Serverless Email Sending
Use EmailJS to send an email without backend
10:02
6
Geocoding with Mapbox
Create an address autocomplete with Mapbox's Geocoding API
9:24
7
Contentful Part 1
Create a Contentful account, add a model and content
4:59
8
Contentful Part 2
How to use the Content Delivery API to fetch data from Contentful
8:52
9
Gatsby and Shopify Part 1
Create a Shopify store, generate a password and add products to the store
5:20
10
Gatsby and Shopify Part 2
Connect Shopify to Gatsby and display all products
13:21
11
Gatsby and Shopify Part 3
Create a seamless checkout experience with Shopify and Gatsby
14:32
12
Creating Stripe Account and Product
Start integrating with Stripe and set up an account, product and price
5:18
13
Adding Stripe.js to React
Loading Stripe.js library to your React client application
5:54
14
Stripe Checkout Client Only
Accept payment with Stripe Checkout without backend
18:18
15
PayPal Checkout
Integrate online payment with PayPal
31:21
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Dara To
Full-stack Developer
I'm a former financial analyst turned coder. Vegetarian, health-centered, dog owner.
5 courses - 25 hours

UI and Animations in SwiftUI
Level up your UI and animation skills by implementing various applications from custom designs in SwiftUI
4 hrs

Build an Expense Tracker App in SwiftUI
Design and code a SwiftUI 3 app in Xcode 13 with data modeling, data networking, Combine, MVVM and libraries for custom icons and charts.
3 hrs

Build Quick Apps with SwiftUI
Apply your Swift and SwiftUI knowledge by building real, quick and various applications from scratch
11 hrs

Advanced React Hooks Handbook
An extensive series of tutorials covering advanced topics related to React hooks, with a main focus on backend and logic to take your React skills to the next level
3 hrs

Build an ARKit 2 App
Introduction to ARKit and learn how to make your own playground. You will be able to add models or even your own designs into the app and play with them
4 hrs