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

How to Accept Payments with Stripe on Your Website

If you’re selling products or collecting payments for any purpose on your website, having a smooth payment system is a non-negotiable.

Stripe is an easy choice for WordPress websites requring payments. It’s easy to set up. It syncs with your main Stripe dashboard to bring much more than just standard payment functionality, and it’s super convenient for customers to check out via Stripe.

In this post, I’ll show youw how you can add Stripe to your website and start collecting payments in a few simple steps.

Boost Sales With Stripe Payments Now

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 best WordPress payment plugins as it integrates with Stripe and offers various sale-boosting options like coupons and interactive calculated fields.

I recommend using WPForms Pro. This removes the removes the 3% transaction fee that Stripe charges per transaction. Plus, you also get access to the Stripe Pro addon that lets you add conditional logic to your payment forms to offer multiple types of payments in the same form.

The WPForms pricing page.

Once you’ve installed WPForms Pro on your webste. you’ll need to go to 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.

WPForms Stripe connection status

By default, you should have the Enable Webhooks option toggled on. This will automatically sync additional payment details with your Stripe dashboard such as refund status for each transaction.

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!

Boost Sales With Stripe Payments Now

Step 5: Track Transactions and Payment Status

As you start making sales or collecting donations with your Stripe form, you’ll also need a way to track the revenue you’ve generated.

You’ve got a few options here. For instance, you can log into your Stripe account to find all transactions made through the forms on your site.

But it’s more convenient to view your payments directly inside your WordPress dashboard. WPForms includes payment tracking right out of the box. To access it, go to WPForms » Payments.

This will open a summary of your payment history with a helpful chart that you can filter by:

  • Total Payments
  • Total Sales
  • Total Refunded
  • New Subscriptions
  • Subscription Renewals
  • Coupons Redeemed
Payments summary

WPForms syncs with your Stripe dashboard to show the status of each payment as well. And if you’re wondering if a specific payment was refunded, you can check its status in the table underneath.

Payment table

There are additional details available for every payment. Click on the payer’s name in the table to open a detailed view.

Clickable payer's name on the payment table

Here, you can learn more about the transaction such as subscription details and the payer’s payment history.

individual payments page

Need to initiate a refund? Just click the Refund button. You don’t have to open your Stripe account; WPForms can directly trigger a refund from this same window.

refund payment

Or if you just want to cancel an active subscription, you can do that too. Click the Cancel button under the Subscription Details section.

cancel subscription

Since WPForms syncs with Stripe for payment tracking, it will automatically update the status of each payment in the table.

Stripe refund status

These options can save you a lot of time by eliminating the need to access your Stripe account when you need to track, analyze, or manage payments for your WordPress site.

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.