How to Sell Digital Products Online with Stripe (Step by Step) | David Utke | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

How to Sell Digital Products Online with Stripe (Step by Step)

teacher avatar David Utke, Web Pro and YouTuber

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Stripe skillshare intro

      1:27

    • 2.

      Create Stripe account

      0:48

    • 3.

      Add products

      2:33

    • 4.

      Create payment links

      3:32

    • 5.

      Adding cross sells order bumps

      1:39

    • 6.

      Make a sales page

      1:25

    • 7.

      Embed buy button

      1:16

    • 8.

      Deliver your product

      2:08

    • 9.

      Customize customer emails

      0:35

    • 10.

      Zapier setup

      6:33

    • 11.

      Stripe conclusion

      0:13

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

11

Students

--

Projects

About This Class

In this course, you’ll learn step-by-step how to use Stripe Checkout to sell your digital products directly to your audience. Perfect for if you  want to sell your eBooks, templates, or digital downloads online  without paying for shopping cart software, marketplace fees, or needing an expensive course website solution.

You’ll discover how to:

  • Set up Stripe and connect your products.

  • Deliver digital downloads automatically.

  • Customize your checkout page and confirmation email.

  • Accept payments globally — even with no coding skills.

By the end of this class, you’ll have a fully functional system ready to accept payments and deliver your digital product,  all using Stripe and a few free tools.

Meet Your Teacher

Teacher Profile Image

David Utke

Web Pro and YouTuber

Teacher

Hi there,

My name is David and I'm professional blogger, web designer and a highly rated user experience consultant.

Starting in 2009, I first began learning web development and WordPress for my own online projects and now translate technical skills in an easy to understand way for beginners with my helpful courses.

Currently, I live abroad, travel, and I run my online business from cafes and workspaces. If you would like to find out more, follow my Skillshare profile and drop a message/email with any questions. I'm here to help.

See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Stripe skillshare intro: Up, everybody. My name is David. I hope you're having a great day. Welcome to my Skillshare course on how to sell digital products using Stripe. Stripe is a payment processor, but one really helpful feature of Stripe is that they allow for you to create stripe checkout pages. That means on the back end of your free stripe account, you can create a dedicated checkout page for a digital product. You can upload an image, create a product description, incorporate a bump offer, have various ways that people can submit payment in this course, I'm going to walk you step by step on everything that you need to know to get started with Stripe Checkout pages. I'm going to show you how to create your Stripe account, how to add products to your product catalog, how to create payment links, and incorporate bump offers into your Stripe checkout pages. On top of that, I'll also show you how to deliver the product once people buy from you. So if you've been looking for a quick and easy way to sell digital products via your website, YouTube channel or social media profiles, this course is for you. If you're ready to get started, let's begin. Welcome to my laptop. Let's begin. So let me briefly show you what the end result is of what we're going to be building. Now, let me click over here for XPat Escape. This is my personal travel blog, by the way. Anyway, this is a sales page I created for a product that I'm selling, Big Red button. It says, Get Instant Access. The user clicks on this big Red button, and then they are directed to a stripe checkout page. Now, this is what it looks like over here. I'm going to show you how to customize this page with copy, add a product, and how just to sell something via Stripe. And what's great about Stripe as well is you can also include a bump offer on the checkout page as well. 2. Create Stripe account: Okay, so let's get started. So step one is to navigate tostripe.com. This is the platform we're going to be using to sell digital products. Stripe integrates with a lot of different platforms to accept payments. But what's great about Stripe is that they provide Stripe checkout, which allows you to sell digital products with a bump offer completely for free. There's no pricing with Stripe. It's completely free to sign up and use it. To create your account is pretty simple. You can either get started over here by entering in your email address and clicking Starts now, or you can click on the sign in butts in Utop there. And then once you're over here, you can just click on Create An account if you're new to Stripe, so let's click on that's right there. Then it'll be directed to this page over here to create your Stripe account. Simply follow the onscreen instructions to create your accounts. 3. Add products: Once you go through the process of signing up to Stripe and creating your account, this is what your dashboard looks like. Now, to add products is very simple. You just need to click on your product catalog in the left hand sidebar over here, so let's go ahead and do that. And this will show you your product catalog. This will show you all the different products you're selling via your Stripe accounts. Now, if you're using other platforms like teachable or TkivI, they use Stripe so you have teachable payments, Tkivic payments. But you can add your own products directly and sell via your Stripe account at no extra cost. To get started creating your own product, if you want to sell a digital download, whatever, very simple. Just click on Create Product Utop here or you can click on Add a product. It doesn't really matter. Takes you to this page right here where you can add a product in. Now, the only things you need to do are that you need to add in a name of the product, obviously. And then a description that's optional, but that appears at the checkout to customers. So you do want to add in a quick little product description. You can also upload an image of the product. It does need to be under 2 megabytes. Not a huge image, but it's not small image either. I definitely recommend using a dot web P format, if possible. Now, down here, you'll see recurring and one off. So if you have recurring, if you click on Billing Period, you have a lot of different options. You can have it be daily, weekly, monthly, yearly, every three months, whatever, or you can have it be one off. So one time payment for your product right there than the product amount that you're going to charge. You'll notice right down here, it says more pricing options, let's go ahead and click on that just to show you what's going on over here. So we have a one off product right there and you have your choose your pricing model. So it's pretty feature rich. You can have a flat rate, which offers a fixed price for a single unit, package, seat, whatever, digital download. Or you can have package pricing or customer chooses the price. So if you want to have it be like a product that you're just selling for free, or you can price it as like, pay what you want. That's what you can do right here if you click on this one, where a customer chooses the price. Typically, if you're selling some type of digital download, you want to keep it as flat rate over there. Okay. Anyways, let's click X over here. Now I'm going to go ahead and fill out this information and upload image. Okay, so I went ahead and added in the required information, so how to log like a Pro, learn how to grow a massive audience through logging. Here's an image that I created with Chat GBD. One off price, $9. Let's go ahead and click on Add a product. And it's as simple as that. So now we have one product for sale via our Stripe accounts. 4. Create payment links: Now that we have one product in our product catalog, well, how do we offer this for sale? Like, how do people give us money to get this thing? Well, to do that, it's very simple. You need to create a payment link. So go down to your product and click on it, and this will open up your product page over here, and you want to click on the little three dots right there. You want to navigate down here to where it says creates payments Link. So go ahead and click on N. Now it's going to preview what the page looks like over here. Now, if you're just good to go, this looks nice, then you can click on Create Link, and that is it. It's as simple as that. But over here, just make sure everything looks correct, so you have the title of the product, the price point, that little description over there, the image that we added in. That's why you want to do this because it looks nice, a little bit more high converting and whatnot over here as well. And you have your payment page so you can Again, click on this to edit the product over there. If you want to adjust how things look and adjust the title or whatever else you want to change over here, it's very simple as well. And you can also add in recommended products appear as a bump offer down there, which we'll do in just a bit. But let's continue going through the different options that we have over here. Down here, you have options, so you can collect tax automatically, collect customers' addresses, require customers to provide a phone number, limit the number of payments and things like that. I would not select any of those things. If we click over here for Advanced Options, you can add in custom fields, allow promotional codes, allow businesses customers to provide their tax ID, say payments, require customers to accept your terms of service, and so forth, and pay as a call to action. So if you want to change the call to action, click over here so you can change it to something like donate book, pay see pay makes the most sense because that's what you want people to do. So anyway, that's pretty much it over here. Then you have your after payment tab. So this just covers, like, what happens after they submit payment? What is your end user going to be looking at? So over here, you have thank you for your payments over there. So you can change the confirmation page. You can replace default with a custom message. So if you just don't want to say, like, a payment to your brand will appear on your statement. Thank you for your payment. You want to customize that, click over here to replace with a custom message, and there you go. And shower don't show confirmation page. So redirect customers to your website. Over here we have the confirmation page, so this is the confirmation page. That's when people submit payment. But if you don't want them to be on this page, you want them to be directed to the spot where they can get the book or whatever you're selling, you can click over here for Don't Show Confirmation page. And so then you can just set up the redirect, so where they go after they make a purchase over here. And that's pretty much it, guys. So anyways, let's click over here for payment page, and it looks good overall. So just click on Show Confirmation right there. Let's go ahead and click on. It creates Link. And there we go. So now we have the Bye dot S Utop here. Let's go ahead and click on Net. We'll submit that over here and take a look at that. And yeah, okay, so everything is coming up correctly over here. So I'm currently in a foreign country, so that's why that's coming up. But again, that's what's nice about Stripe. I kind of takes care of that, depending on where your audience is. But, again, if you're in the United States, it's not gonna be popping up with that. Anyway, so it sets everything up as needed over here. So this looks good. I'm quite liking this. Very simple payment process to get through this so people can submit payment quite easily. 5. Adding cross sells order bumps: Adding in cross sells to your product pages or bump offers, as I like to call them. Now, stripe is great because it allows you to add a one click bump offer on your Stripe checkout page. Now, this product should be complimentary to your main thing. So for example, my product is how to vlog, like a Pro. A complimentary product should be like get 50 hat GBT prompts for creating compelling video title, something like that, complimentary. Anyways, let's go ahead and click on the product categog right there. Then click on your product over there. Then you just add in a product right here where you have the cross sell section. So you click over here to find a product. If you don't have a related product, then you have to add it. And, of course, you can mix and match once you have a wide range of products, too. So let's go ahead and click on Add New product. And then it's the same exact process as before. Just go ahead and add in a new product as a cross sell. Okay, so I went ahead and added in a new product right there, so let's click on the add product button. And then it's automatically added as a cross sell right here. So when you click on payment Link, you'll have one payment link because we only created one for how to vlog like a probe. If you click over here for your product catalog, you now have two products that are being shown over there. Let's go back to the payment link over there. Let's click on this one, and let's see how this looks. So open up that and click on this, and there we go. So it's successfully populating right down there, pat Escape for a quick little bump off right there. And you click over here to add to your order, and there you go. Just like one click. Up so, like a nice click, adds it, increases the cart value. And that's the power of having some type of bump offer. 6. Make a sales page: Once you have your payment links all set up with their respective bump offers, well, it's time to create a sales page for your product because you don't want to be directing people directly to the checkout page. You need to create a sales page to well, sell people on why they should buy the product. You can create a sales page with any number of platforms, everything from WIX, Squarespace, lead pages, Wordpress. So this is my ghost.org website, so let me just show you how briefly I would take care of this. I'll click over here for the plus sign right there. I'll navigate down here for the header. I'll go ahead and click on splits right there. Let's add in the product image over here. That looks all right. We'll click over here to contain. And yeah, that looks good over there. And then just add in a heading and a subheading. Alright, so I have some quick copy over here. It's not that good. But anyways, it's what you want to do. And now we want to tag on the button right there. Then the button is where we add in our Stripe checkout page. So let me go back over here to Stripe. I'll click on T to copy the link right there. And then we'll add in the button right there, and then the text. I'll call it by now over here. And then this is going to direct the end user to the Stripe checkout page. Let me go ahead and click on preview over there, and yep, this is looking good. So let me go ahead and click on B now. And there we go. So I'm directed over here to the Stripe checkout page to make a purchase decision for the product. 7. Embed buy button: Another useful feature that Stripe provides on the back end is this By button functionality right there under your payment link page. So navigate to your payment link, open up the page again, then click on the By button writes there, and you'll have some HTML code that you can copy and paste into your website. So just use the HML block of whatever website builder you're using. You scroll down here's the options, you can show it as a card, and a card displays like this, or you can change it to a button and a button displays like this. So I'm going to keep it as a card. We'll keep the language in English. And then right here, you can change the styling options as well you can change the background color, the button color, the font, border style, all that good stuff you can change to your liking. Let me go ahead and click on a copy code right there. Let's navigate back over here to Ghost. I'll click on the plus sign right there, and then let's navigate down here for the HTML block. Click on that, copy and paste that in, click away, so it saves it. Boom. There we go. Let's click on preview. Alright, so there we go. Okay, so this is what it looks like. So it shows the product, shows the price point, what the product is called, as well as a B button with supported payment methods underneath. 8. Deliver your product: Alright, so we have everything set up correctly with stripes. So how do we actually deliver the thing that we're selling automatically without us having to do anything? Well, you have a few different options for fulfillment. So, oh, let's continue. How to deliver the product that the person buys automatically without us having to do anything because, well, we don't want this to be a manual process where we have to email people manually when they buy something from us. Alright, so the easiest way possible is to use Google Drive over here so you can upload your eBook or whatever digital download you're selling to Google Drive and then provide a Google Drive Link. Now, if we navigate back over here, go to payment links, and now we need to edit this again. So click over here to edit. And it takes us back to the page over here. Now, over here with the payment page, we want to click on after payment right there. So we have show confirmation page place default with a custom message. So you can do a few things right here. So you can say, like, Hey, thanks for your purchase, use the link below, something like that, and then you can just enter in the link. So take this over there. We can open that in a new tab, and then the Google Drive file would be right here. Then the user can just when they navigate over here, they can just click on this button right there to download the Ebook right there. So you can have something like that, copy and paste this in if you want to clean that up and make it a little bit neat, I guess you could use a three oh one redirect or something like that. So you could have it be my website.com slash aBok then it redirects to Google Drive. You want to have it again, a little bit more visually clean and nice looking. So that's one way to do it. And the other way is don't show a confirmation page, and then you can either A, create a custom page, so you can have it be like my website.com slash TCSFBying Here's the link to purchase the thing, sorry, purchase, but to download the thing that you just bought, you could do that, or you could just manually input the link to your Google Drive right here. So then when the user buys, they'll get a quick confirmation saying, Hey, your payments successful, then they'll be automatically directed right here to download the eBook. 9. Customize customer emails: In addition to that, you do want to send a customer email as well automatically when someone buys so they get email confirmation that they successfully purchased the product and whatnot. At least I know that I like to get a receipt of payment. So with that within Stripe, the easiest way because Stripe always moves things around all the time, you just want to click up here for the search bar and then type in customer emails. So we want to look for this. Customer emails over there. Click on that link. Then over here with payments, you want to make sure you toggle that on for successful payments. That means the end user is going to get a receipt of payment from you. 10. Zapier setup: And finally, how do you deliver both products if the user takes you up on your bump off or cross sell type thing? Now, as you saw in the back of your stripe account, it's pretty easy to set up a payment link and a link to your Google Drive, where people can download an eBook, create a page on your site where people can download set book or whatever digital download you're selling, that type of thing. Very easy. If they take you up on this, so I click over here to add this to my order right there, and now I'm expecting to get these two things when I buy this product with my credit card. Well, within Stripe, you can only have one link where you can direct people to. So that's not going to work because we need to have two different links. We need one link if the person just buys this, and then we have to have another link if the person buys this and this. Well, in order to set that up, you do need to take a look at Zapar. So it might be a little bit technical for some people, but Zappear allows you to automate the delivery of your E books on the back end. So Login to Zapar. You want to click over here to click on Creates. Then you want to click over here for Zaps. And then you want to create AZAp. So click over here, click on N Automated Workflows. We'll let this open up over here. Now, what's really nice with Zappar is that you have this co pilot thing up top here, so AI, so you have any type of questions when you're setting things up, you can ask the question over here, and the co pilot will literally tell you, this is what you need to do and what you need to set up. So I went ahead actually and already kind of built this out broadly speaking, like how you need to set this up over here. So number one is that you want to have the stripe checkout session complete to be the trigger, right there. So the trigger right there, click on NTs. And then you want to find stripe. So just type in Stripe over here. There we go. Click on NTs. Great. And then select the event. So choose the event. So cancel subscription, no checkout session complete, invoice, new charge, new customer, new dispute, new invoice, new payment. There's quite a few things to go through over here. You want to click on this one right there. Checkout session complete right there. Okay, so that means that someone has bought something from Stripe. Now, of course, you need to link your Stripe account to Zapiar in order for this to work. So over here, we have change right there. Then you have to click on the Ad account over here. So connect Stripe account, you click on sign in, and then you go through the onscreen process to link your Stripe account to your Zapiar accounts. Now, the next part of the workflow that I built out is I have webhooks by Zapier over here. What's the goal of this? The goal of this is to get all the data from the checkout page and whatnot for the two different products, because that's going to be useful when you split it into a path because we need path A and path B, and the path conditions are going to be like, Hey, if this checkout contains this word, then deliver this product. And then path B if this product or checkout page contains these words deliver this. Now, you may not need to use Webhooks by Zapier. That might be a little bit confusing and a little bit technical. But if you want to set that up, the Webhooks By Zapier gets all that information. But I think you could kind of skip over this little step right there and just jump into paths right there. But it's totally up to you. Webhooks by Zapier and using the Get function will get all the data. Anyways, let's just add a path right there. So we have the stripe checkout session. Now, you need to add in a path. So we'll click over here for paths, and then you just need to look for paths. So paths are right here and then click on NTs. Then add a path. Yep, click on Ns and now we have A and B. Okay, so let's click on the path conditions over there, and then custom rules only continue if so you have a bunch of different conditions that you can kind of test to see what works. So I usually like to use, text contains. So what would this text contain when the user checks out so it will contain the name of the product. So the name of the product would be like this, like Vlog like a P. So text contains Vlog like a Pro. There you go. And then they go down path A. Then path B, text contains Vlog like a Pro and Expat Escape. You can put that in over here for path B. X contains that, Vlog Escape, X PAT. There you go. Simple as that. Then what happens next? So you navigate down here to Google Drive. And then within Google Drive, so click over here for the action right there. You just click on Google Drive. There you go. Now, again, you have a bunch of different events. The thing that you want is fine. Okay. I know it's a little overwhelming if you're brand new, but you want to click on Find a file right there. And then you just click on the Connect Google Drive, sign in, and then you can select the file that you want to deliver to the end visitor. Okay? So when they buy, they get this file. And then if it contains this kind of text, then they go down Pat B and they get this file. Okay. So now let's jump over here to our Google Drive. So if you're going to have two products, I would suggest that you create a folder and put both products in that folder. And then you could have the standalone product B by itself. So for example, like I have EBok right here as an example. I already showed you this. You can open this with a new tab. I would just share this URL right here for path A. Okay, find this file, find this file right here. But if the user buys both products, well, then they need both. So you click over here for New, click on New folder, and then product, click on Create. And then we have a new product folder right there, okay? And then you want to share this folder. Okay? So you want to share a link to this specific folder right here. And then you share that under maybe action B if this is where the users getting both products that they bought. They're getting the main product, and they're also getting the Crosse because they bought both. And that is it for Zapier. It's pretty simple. I know it's a little overwhelming if you're brand new to Zapier, but the key thing is to split it into paths. Path conditions for A, path conditions for B, they end up here within Google Drive for this link. Path B, they end up over here for this link within Google Drive. And if this comes across as a little bit too complicated and difficult and annoying to set up then just keep everything simple. Sell one product link to Google Drive via your Stripe checkout page. 11. Stripe conclusion: Alright, everyone, that's it for this course on how to create stripe checkout pages to sell digital products. I hope you enjoyed it, and I hope you're able to create dedicated stripe checkout pages for your products. Anyways, my name is David. Thanks for being here and have a great day. Bye bye.