Getting started with Stripe Checkout with Sprout Invoices

By Sprout Reynard on

In this guide, we’ll show you how to set up Stripe Checkout with Sprout Invoices. You can then offer this simple, secure online payment method to your customers. Sprout Invoices is a popular WordPress invoicing plugin that is compatible with all the latest payment gateway tools.

Having a simple checkout process is key to an efficient point of sale since it ensures seamless interaction between you and your customers.

1. Get your Stripe API Keys
2. Configure Stripe within Sprout Invoices
3. Test the payment process
4. Make payments live

Access Your Stripe API Keys

You will need to get your Secret Key and Publishable Key from Stripe Checkout. These are also known as API Keys. The API Keys allow your website to communicate with Stripe Checkout. That allows your site to process credit card payments. Follow these steps to learn how to access them in your Stripe account.
  1. Login to your Stripe account.
  2. Under the “Your API keys” section, click your Publishable key to copy it. Then save it for later use.
    API Keys for Stripe
  3. Click your Secret Key to reveal it, then click it again to copy it. Save this for later use as well.
    Stripe copying API Keys

How to Setup Stripe Checkout

Now that you have your Stripe API Keys, you can set up Stripe Checkout with Sprout Invoices. In this section, we’ll walk you through the steps.

  1. Login to your WordPress Dashboard.
  2. Click Sprout Invoices then Payment Settings in your navigation menu.
  3. Scroll down and click the Stripe Checkout option.
    Enabling Stripe Checkout in Sprout Invoices
  4. Click the Stripe Checkout Disabled link to enable it.
    Stripe Checkout Disabled
    It will then change to “Stripe Checkout Active”.
    Stripe Checkout Active
  5. Click the dropdown menu under “Mode” and choose if you want the Stripe Checkout option to be in Test or Live mode.
  6. Enter the Live Secret Key that you accessed in the first section of this guide.
    Stripe Checkout Live Secret Key
  7. Enter the Live Publishable Key in the available field.
  8. Scroll down and enter your Currency Code. The default setting is “usd”.
  9. Click the Save button.
    Setting up stripe checkout

Now, when customers receive an invoice they will see a link to “Make a Payment.”Sprout Invoices - Make a payment button

Clicking that link will give them a Secure Credit Card option. This link will take them to a Stripe URL for secure checkout.

  1. You can even process payments without redirecting customers to Stripe. You can enable this option in the Payment Settings menu. Click Sprout Invoices then Payment Settings in your WordPress Dashboard.
  2. Click the Stripe link under Getting Started.
    getting started with stripe
  3. Click the Stripe Checkout Disabled button, to enable it.
    stripe checkout disabled button

Now customers will be able to “Pay by Card” as well as the “Secure Credit Card” option.

Make a payment button for Stripe Checkout

The Pay by Card button allows your customers to checkout directly on your site. The Secure Credit Card button will still redirect them to Stripe.
Stripe - Pay by card form

Congratulations, now you know how to start using Stripe Checkout with Sprout Invoices. You can now accept payments seamlessly from your WordPress site. Check out our Sprout Invoices Support page for more helpful tutorials.