how-to-accept-payments-with-stripe-on-your-website_b

How to Accept Payments with Stripe on Your Website

Do you want to be able to easily make money from your WordPress website by using Stripe to collect payments?

Since not everyone has a PayPal account, it’s a smart idea to let people use their credit card or bank account to buy services or goods from your business online — and Stripe lets you do just that.

In this post, we’ll show you exactly how to accept payments with Stripe on your WordPress website.

Click Here to Start Accepting Stripe Payments

Why Accept Online Payments with Stripe?

Stripe is an online payment processor for online business.

PayPal lets people pay for things online with or without credit card numbers, but everyone has to have a PayPal account to do this. With Stripe, your customers won’t need to have a Stripe account to checkout on your website from one of your order forms.

And Stripe is fantastic because it allows people to check out using their credit card or bank account. This lets more people spend money on your website, since some people don’t have a PayPal account.

multiple payment options with forms

While they’re both great options for payment platforms, there are some other big differences. Be sure to check out our post on Stripe vs PayPal to get an in-depth comparison of these PCI compliant and Strong Customer Authentication (SCA) payment options. You can collect Stripe, Square, Authorize.Net, and PayPal payments on WPForms to maximize your income potential!

How to Accept Payments with Stripe

If you’re ready to start receiving online payments by credit card, follow these easy steps to start accepting them with Stripe on your website:

Step 1: Connect Stripe to Your WordPress Site

Before we get started, be sure to install WPForms on your WordPress site. WPForms is the most user-friendly form builder plugin. It also serves as one of the best WordPress payment plugins as it integrates with Stripe and other popular payment gateways.

WPForms gives you the ability to create Stripe forms in any version of the plugin. You can use it to collect credit card payments in the free version too.

To start, you’ll need to open WPForms » Settings in the left menu of your WordPress dashboard. From there, click on the Payments tab.

If you’d like to adjust the currency, go ahead and select the option you need from the Currency dropdown before proceeding.

open the payments tab in the wpforms settings

When you’re ready, scroll down to the Stripe section. Here, you should see a field labeled Connection Status. You’ll need to click the blue Connect with Stripe button.

Click Stripe Connect button in WPForms payment settings

When you connect with Stripe, webhooks are automatically set up. Stripe webhooks make it super easy and convenient for you to manage subscriptions and refunds, in addition to payments, all in one place in your WPForms account.

Next, you’ll be asked to authorize the connection between your forms and Stripe. The exact content you see on this Stripe dashboard page will vary based on whether your Stripe account is already activated.

Fill the login form

Once you’ve agreed to the requirements, you’ll be redirected back to your WordPress admin area. Here, the Connection Status should now have a green checkmark confirming the connection looks good and you’re that much closer to being able to accept payments with Stripe.

Stripe is successfully connected

Step 2: Add Stripe to Your Forms

Now that you’ve connected Stripe to your WordPress site, you can start adding Stripe to your forms.

First, you’ll need to create a new form or edit an existing one.

In order for your form to work with Stripe, you’ll need at least these 2 fields:

  • An items field (Single Item, Multiple Items, Checkbox Items, or Dropdown Items)
  • A Stripe Credit Card field

For our example, we’ll create a simple order form that includes:

  • Name
  • Email
  • Dropdown Items
  • Total
  • Stripe Credit Card

stripe payment order form example

The Total field is not required for Stripe to work, however, it can be helpful for users to easily see how much they’ll be paying.

And while you’re adding fields to your Stripe form, keep in mind that you can even add a coupon field to offer discounts to your website users and customers.

Once you’ve added all the fields you want to your form, go to Payments » Stripe. From the Stripe panel, check the box labeled Enable Stripe payments.

Enabling Stripe payments

Now, you’ll be able to enter a short Payment Description, which will appear on the user’s bank or card statement.

Last, under Stripe Payment Receipt you can choose an Email field where Stripe can send a receipt.

Stripe payment options

If you’re just going to be receiving one-time payments, you’re all set! If you’d like to set up a recurring Stripe payment, we’ll walk you through that next.

Step 3: Set Up Recurring or Subscription Payments (Optional)

Great news if you want to make more money online by using a recurring business model. Stripe supports subscription payments.

And you can easily set up a subscription payment within this same settings panel as the last step.

Under the section titled Subscriptions, go ahead and check the box labeled Enable recurring subscription payments.

Stripe recurring subscription

Once you’ve checked this box, additional settings will appear.

how to accept recurring credit card payments

Here are the fields you’ll need to complete:

  • Plan Name — You’ll need to enter a title for the subscription, such as “Donation to Example Organization”. This will appear within the Stripe transaction.
  • Recurring Period — You can choose how often the recurring payments should occur: Daily, Weekly, Monthly, Quarterly, Semi-Yearly, or Yearly.
  • Customer Email (Required) — Within this dropdown, select an Email field from your form where the customer can be contacted.

Step 4: Setting Up Conditional Logic for Payments (Optional)

If you choose to upgrade to WPForms Pro, the Stripe Pro addon gives you the option to set up conditional logic to accept payments with Stripe. Conditional logic lets you create “smart forms” that automatically change the form fields based on a user’s selections.

There are tons of ways you can use conditional logic with Stripe payments like:

For example, we’ll set up the last option from that list and let users choose whether to submit a one-time or recurring donation.

To get started, we’ll create a simple donation form. This will need to include either a Dropdown or Multiple Choice field that will let users pick whether they’d like to submit a one-time donation or set up a recurring donation.

In our form, we’ll let users choose between 2 payment options: Once or Monthly.

Creating a Dropdown field

Next, go back to the Stripe settings under Payments » Stripe. We’ve already followed the steps in the previous section to set up the basic settings. So now we need to set up the logic for our recurring payment methods options.

First, we’ll set up the monthly recurring payment option. Set the Recurring Period to Monthly.

Then, scroll to the bottom of the settings (under the Subscriptions section) and check the box labeled Enable conditional logic.

Enabling conditional logic for recurring payments with Stripe

This setting will display additional fields where you can set up any conditional rules. For our example, we’ll set up a conditional rule that states:

Process payment as recurring if the answer to the “Would you like to make a recurring donation?” Dropdown field is “Yes, I’ll donate monthly”.

Setting up a conditional logic rule for recurring Stripe payments

Then, Save your form and you can go ahead with these steps to embed your form on any WordPress page.

Before launching your payment form, we recommend testing Stripe payments. You can also check out this article on common complaints about online payment forms to make sure you aren’t making the same mistakes.

Great job, you’ve set up a conditional recurring payment!

Click Here to Start Accepting Stripe Payments

Next, Boost Your Small Business Marketing Strategy

And that’s it! You now know how to accept payments with Stripe on your WordPress website . If you want to make sure your visitor attaches their order too, find out how to require payment on a file upload form.

You might also be interested in our guide to the best small marketing business ideas.

So what are you waiting for? Get started with the most powerful WordPress forms plugin today. WPForms Pro includes a free Stripe integration and a 14-day money-back guarantee.

And if you liked this guide, make sure to follow us on Facebook and Twitter for more free WordPress tutorials.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPForms is funded, why it matters, and how you can support us.

Renee DeCoskey

Renee DeCoskey has been blogging since 2001 and using WordPress since 2007. When she's not writing about WordPress plugins, you can find her curled up with a book or having fun in Rotary. Learn More

The Best WordPress Drag and Drop Form Builder Plugin

Easy, Fast, and Secure. Join over 6 million website owners who trust WPForms.

Please enable JavaScript in your browser to complete this form.

14 comments on “How to Accept Payments with Stripe on Your Website

  1. Hi,

    I am using stripe payment in a school Enrolment Application form. The customer will be paying $50 application fee with a reference name (Child’s name to be entered by the customer). How do I capture that information in my Stripe Account?

  2. Is it possible to have a form with both monthly and yearly recurring payments? I can not find any option for this.

    1. Hey Wayne – I’m sorry it’s currently not possible to have both monthly and yearly recurring payments on the same form. I do agree it would be super helpful, though, and I’ve gone ahead and added a vote on your behalf on the feature request list.

      If you have other questions, please always feel welcome to contact our support team.

      I apologize for the inconvenience.

    1. Hey Dan,

      Our forms do not have the ability to run the calculations required for product quantities. I do agree it would be super helpful, though, and it’s certainly on our radar as we plan out our roadmap for the future. I’ll add your request to that, as well.

      In the meantime, you might consider leveraging the Dropdown Items field to do what you’re asking for in a slightly different way. Please refer to this guide

      I apologize that this solution may be less than ideal, but I hope it helps! 🙂

    1. Hi Mick! I apologize, at the moment, our Stripe addon does not support Apple Pay, Google, and other digital wallet payment. I do agree it would be super helpful, though. I’ve made a note of the feature request and we’ll keep it on our radar as we plan out our roadmap for the future.

      I’m that we can’t provide what you’re looking for right now, but I appreciate the suggestion! It’s always helpful to get insights from our users.

      I hope this helps to clarify 🙂 If you have any further questions about this, please contact us if you have an active subscription. If you do not, don’t hesitate to drop us some questions in our support forums.

  3. I can create different form, each one connected with different Stripe accounts? Or I can let user to select which Stripe account the user want to pay to?

    1. Hey Henry, currently we do not have a built-in way to support multiple/different Stripe accounts. I understand that it would be super helpful. I have gone ahead and added your vote to consider this as a feature request for future enhancements.

      Thanks.

  4. I see the earlier answer that multiple recurring periods were not available in 2020. Is that still the case now in 2023? I was able to set the fields up to select monthly, quarterly, and annually. And, the conditional logic seemed to allow it. However I am not going to leave it in there if it can’t be processed properly.

    1. Hey Doug – with Stripe Pro version 3.1.0, now you can create different recurring plans within Stripe settings in your form. You can see the details about this new feature in our guide here.

      Thanks 🙂

  5. Is it possible to have the card element with Card number, Expiry & CVC fields on the same line… as well as the country dropdown in the same form

    1. Hi Mohit – because of the integration with Stripe, by default, there’s no way to have the card element in the same line.

      However, this should be possible with custom development and in case you’d like to look into custom development options, we highly recommend using Seahawk. Seahawk screens all developers for you to make sure that they’re highly skilled and communicative, and then also helps guide the entire process of connecting and communicating with a best-fit developer.

      You can book a free consultation with their team here.

      In case you’d like to check other custom development options, please go through the following guide.

      Hope this helps. Thanks 🙂

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.