Join Patrick Rauland for an in-depth discussion in this video Set up Stripe payments, part of WordPress Ecommerce: WooCommerce.
- [Instructor] It's pretty rare for an e-commerce store to just accept PayPal. They almost always let someone pay with a credit card. Credit cards are good because they let anyone pay without having to create some sort of account. While PayPal accounts might be popular here in the US, they're not universal so it's important to let people checkout with credit cards. If you went through the WooCommerce welcome wizard, and clicked on Stripe, WooCommerce automatically installed the Stripe plugin for you. I turned mine off so let's go ahead and turn it back on.
Under Plugins, scroll down until I see WooCommerce Stripe Gateway. If you don't have Stripe installed, you can install it like any other WordPress plugin. Make sure when you're searching for it that you type in WooCommerce Stripe Gateway and you install the one created by Automattic. I'll click Activate, and once it's activated you should see this little nag at the top that encourages you to set your Stripe account keys. Let's click those and it'll take us directly to the Stripe settings page.
We can configure all of these settings, but before we do, let's get the most important ones out of the way, and those are four different keys. Two live keys, and two test keys. Stripe makes it all very easy to do this. If you don't already, go over to stripe.com and create that test account. I've already created one, and I've already copied my keys out of Stripe, so I'm just going to copy and paste them in right now. Notice that we're in Test Mode up here. If we clicked Save right now, we could actually checkout successfully, but let's do a few more things.
Let's change Credit Card Stripe to just Credit Card, because users don't really care who is processing the payment. We can leave it right there though. I don't have my live keys, nor do I need them for testing, so I'll leave those blank. I do want people to be able to save their payment. One thing to note is that your site isn't actually storing the credit card number. It's storing something called a token. A token is a representation of a credit card number. Think of it kind of like a special password just for your site, so if your site tells Stripe the password for a particular customer, Stripe will let you use their credit card.
If someone else ever happened to steal that password and gave it to Stripe, Stripe wouldn't process it because it's specific to your account, and that way, they're much safer than actually storing credit card numbers. I recommend turning this setting on. I noticed one more thing at the top. If you scroll up, you'll see this error message. This error message is letting you know that you can't currently checkout with live credit card information. You can however checkout in test mode, so we're going to do that right now. We'll go to the store, add something to our cart.
We'll calculate shipping. Let's go to Checkout. If you're still logged in, it should pull in all of your information automatically. Now I see three different options including Credit Card, which is the one provided by Stripe. When you're in test mode, it'll provide this extra information message right here. It lets you know that you can use this. I'll copy and paste it right there. I'll set any valid date in the future, and any numbers that you would find on the back of a card. I usually go with 111. Because of what we checked in the backend, I'll also have the option to save this to my account, which I'll check.
Let's click Place Order. Oh, looks like we forgot a shipping method. When WooCommerce pulled in our information, it looks like it pulled in something that I didn't want. Let's go ahead and fix that. Now that we have a shipping option, we can checkout. Place Order. There it is. There's one or two things that are worth mentioning. Let's go back to the Settings page. I'll go to WooCommerce, Settings, Checkout, and Stripe, and there's two things here that I think are worth mentioning just so you know. There's an extra setting called Enable Stripe Checkout.
This is a special window that pops up to let users enter their credit card information. It's a nice experience, and if you set the local to Auto it'll automatically detect what locale the user is in and translate all of your checkout details to their language. It also supports Bitcoin and Alipay. Alipay being something similar to PayPal in China. It's an extra two ways for people to pay you, and they both get converted to dollars immediately. You don't have to do anything. Stripe Checkout does the whole thing.
Lastly, there's logging. If you have any sort of issues, turn on Logging and then check the log to see what the log says. But I'll leave that off for right now. I'll click Save changes to save everything we've done so far.
- Why WooCommerce?
- Installing WooCommerce
- Setting up your store
- Adding products, including images and data
- Creating a subscription product
- Setting up shipping
- Configuring payment options
- Setting up taxes
- Customizing your theme
- Connecting Google Analytics and MailChimp
- Managing orders and reports