WP Simple Pay Blog

Stripe Tutorials, Tips, and Resources for WordPress to Accept Payments

How to Easily Accept Credit Card Payments Online in WordPress

By

|

Last updated on

Do you want to accept online credit card payments with WordPress?

Credit and debit cards are a dominant payment method globally, accounting for 41% of online payments.

In this article, we’ll explain how to accept credit card payments online with WordPress.

Accepting Credit Card Payments With WordPress

Credit cards are issued by banks and they allow customers to borrow money with a promise to pay it back within a grace period to avoid extra fees. Consumers can accrue a continuing balance of debt, subject to being charged interest on the amount.

The best way to accept credit card payments on your site is with a payment gateway like Stripe + WP Simple Pay (one of the best Stripe payment plugins for WordPress). Aside from credit card payments, with WP Simple Pay, you can enable other payment methods like digital wallets (Apple Pay/Google) and Buy Now Pay Later payments.

wp simple pay homepage

Keep in mind that Stripe requires your site to be using SSL/HTTPS encryption. Don’t worry if you don’t have an SSL certificate yet! All that you need to do is to follow this step-by-step guide on how to add SSL in WordPress.

Here’s the credit card payment form we’re going to create with this tutorial.

credit card payment form

Step 1: Install WP Simple Pay to Accept Credit Card Payments

First, head over to the pricing page and select a plan that suits your need. Then install and activate the WP Simple Pay plugin on your site.

For more details, see this step-by-step guide on how to install WP Simple Pay.

Remove the additional 3% fee! 

Most Stripe plugins charge an additional 3% fee for EVERY transaction
…not WP Simple Pay Pro!

After activating the plugin, you’ll be directed to the setup wizard. The setup wizard enables you to set up a Stripe account and connect it to your site, quickly and easily. In the setup wizard, click Let’s Get Started.

wp simple pay setup wizard

If you’re NOT directed to the setup wizard automatically, you can go to WP Simple Pay » Settings and then click on the Stripe tab where you can find the Connect with Stripe button. Just click on it to connect your Stripe account to your site.

Step 2: Connect Your Website to Stripe  

Next up, you’ll need to create a new Stripe account or connect an existing account to start accepting payments. Click Connect with Stripe.

connect to stripe

Next, do not use “Skip this form” as this will create a temporary Stripe account that cannot be recovered or moved to Live Mode. Instead, enter your email address and create a Stripe account. If you already own a Stripe account, then go ahead and connect it to your site.  

create a stripe account

After completing this process, you’ll see a success page that says Setup Complete. Now it’s time to begin creating a credit card payment form. Click on the button Create a Payment Form.

setup complete

Step 3: Accepting Payments With Stripe

So far, you’ve installed WP Simple Pay and connected your Stripe account to your website. To start accepting credit card payments, let’s create a payment form.

You can now see a bunch of different form templates. Let’s select Payment Form to proceed. If you’re not on this page yet, you can navigate to WP Simple Pay » Add New to start creating a payment form.

click payment form

You’ll now be landed on the General tab of your payment form. Here you can customize the title, description and a few other elements of your form.

general

By default, On-site payment form is chosen as your payment type. You can even configure it to open the form in an overlay method. Instead of displaying the form on your site, you can choose to show it on the Stripe checkout page.

If you want to customize the Payment Success Page, you can either choose a Specific Page from your site or if you want to redirect users to a third-party site, choose Redirect URL.

Now let’s choose the Payment option on the left and you’ll see an option to change the default price. You can also add new price options. You can also change the currency, amount and even choose between one time or subscription payment.

card-payment-method

For now, let’s NOT change the payment mode to Live Mode. Since you want to accept credit card payments, make sure that Card option is selected under Payment methods.

In the Form Fields option, you can even add or customize any existing form fields.

label credit card

If you click on the Credit Card form field, you’ll see a checkbox to display icons in the payment method selector. Select this option if you want to display icons in the payment method selector.

Step 4: Publish Your Credit Card Payment Form

Now that your payment form is ready to accept credit card payments, it’s time to embed your form on your website.

Make sure you test the form first before it goes live. You can toggle your entire site or individual payment forms between test and live modes (read more about Test mode).

To embed the form, go to the post or page where you want to publish it. Then click on the + icon to add the WP Simple Pay block. Then choose a form you just created. And then, click Publish or Update.  

embed a form

That’s it!

We hope this article helped you learn how to accept credit card payments in WordPress.

You might also want to check out our following guides:

Start using WP Simple Pay today and enable all the advanced Stripe features on your site.

To read more articles like this, follow us on Facebook and Twitter.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Start Accepting Payments Today

Start accepting one-time and recurring payments or donations on your WordPress website.