How to Easily Accept Credit Card Payments Online in WordPress
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.
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.
Step 1: Install WP Simple Pay to Accept Credit Card Payments
For more details, see this step-by-step guide on how to install WP Simple Pay.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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:
- How to accept buy now, pay later payment in WordPress
- How to accept recurring payments with WordPress
- How to accept Google Pay / Apple Pay / Microsoft Pay in WordPress
Start using WP Simple Pay today and enable all the advanced Stripe features on your site.