SeedProd Logo

Latest SeedProd News

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

How to Accept Stripe Payments in WordPress

How to Accept Stripe Payments in WordPress 3 Ways 

Do you want to learn how to accept Stripe payments on your WordPress website?

Stripe is a payment processing platform that helps you take online payments for goods and services. It’s also a popular payment method for online stores, blogs, membership sites, and more. 

In this guide, we’ll show you how to accept Stripe payments in WordPress step-by-step.

Why Use Stripe to Take Payments in WordPress?

Stripe is a popular payment processor that makes accepting payments on your online store effortless.

It works seamlessly with any WordPress site, including eCommerce stores, donation websites, and even small business sites. You can set up Stripe to manage recurring payments or let customers pay for one-time purchases with their credit cards.

That said, a requirement for using Stripe is that your website must have SSL/HTTPS encryption. That is to ensure your customer’s data, like credit card numbers, are secure.

If you need help setting up website security, see our tutorial on adding SSL to WordPress.

So how exactly do you accept Stripe payments in WordPress? While there are many different methods, we’ll focus on the 3 easiest ways to set up Stripe payments for your site below.

Feel free to use any of the links below to find the method you need:

Method 1. SeedProd Stripe WordPress Block

For the first method, we’ll use SeedProd’s powerful drag-and-drop page builder to take Stripe payments. With pre-made templates and customizable WordPress blocks, it makes creating any WordPress layout super easy.

SeedProd WordPress website builder

It takes zero coding or HTML knowledge to create custom WordPress themes, landing pages, and complete websites with SeedProd. And with its Payment Button block, you won’t need an entire eCommerce site to accept credit card payments with Stripe.

For this guide, we’ll use the SeedProd Pro plan for its advanced features. However, you can also use the Stripe Payment Button with SeedProd Lite – the free version.

Step 1. Install and Activate SeedProd

The first thing you’ll have to do is install and activate the SeedProd plugin. For help with this, see this guide on installing a WordPress plugin.

Upon activation, you’ll need to visit the SeedProd » Settings page and enter your license key. You can get the license key from your account area on the SeedProd website.

enter your license key

Step 2. Choose a Template

After verifying your key, you’ll need to create a layout with SeedProd. 

You can create a custom WordPress theme with the Theme Builder to replace the theme you’re using. Alternatively, you can set up a standalone landing page with the page builder and continue using your current theme.

For this guide, we’ll use the Landing Page option to show you how you don’t need an entire eCommerce site to add Stripe payment options to WordPress.

So head over to SeedProd » Landing Pages and click the Add New Landing Page button.

Add new landing page SeedProd

On the next screen, you can click any of the filters to choose a pre-made landing page template.

When you find a design you like, hover over the thumbnail image and click the checkmark icon.

Choose a landing page template

Now you’ll see a popup asking for your landing page name and URL.

Enter your landing page details

Once you’ve entered this information, click the Save and Start Editing the Page button.

Step 3. Add the Payment Button Block

After launching the template, you’ll see a layout similar to the one below:

SeedProd drag-and-drop page builder

It will have blocks and sections on the left and a full live preview on the right, where you can point and click to customize any element. 

For example, you can click the logo image and replace it with your own business logo. Or you can change a section’s background color to use your brand colors.

Section customization options

Pro Tip: Click the Save button to save your changes before adding your payment button.

To add Stripe checkout to your page, search for the Payment Button block and drag it onto your live preview.

How to accept stripe payments with SeedProd payment button

From there, click the Connect with Stripe button to link your Stripe.com account to SeedProd. Once the authentication process is complete, you’ll head back to the landing page builder.

Connect SeedProd to stripe

Now you can use the block settings to customize your Stripe Button. For instance, you can edit the button description and text, enter a custom payment price, change the button alignment, adjust the currency from USD to something else, and add button icons.

Payment button settings

You can also click the Advanced tab to change your buy now button’s styling, including shadows, button type, margins, colors, and more.

Advanced payment button settings

Step 4. Publish Your Changes

When you’re happy with everything, you’re ready to make your payment page live. To do that, click the Save button and select Publish from the dropdown menu.

Publish landing page with stripe payment button

Now, whenever visitors click the buy now button on your landing page, they’ll see the Stripe checkout process.

Make a stripe payment using SeedProds payment button

Method 2. WP Simple Pay Purchase Button

Another method for accepting online payments is to use WP Simple Pay. It’s one of the best Stripe payment plugins for WordPress, allowing you to collect payments without building a shopping cart.

WP Simple Pay Homepage

WP Simple Pay is an excellent solution if you don’t need to use a page builder plugin like SeedProd.

For this method, we’ll use the WP Simple Pay pro plan because it lets you display a payment form on your WordPress site. It also offers more payment options and lets shoppers pay once or regularly with recurring payments.

Step 1. Install and Activate WP Simple Pay

To get started, go ahead and install and activate the WP Simple Pay plugin. Upon activation, the plugin will automatically launch its setup wizard, so click the Let’s Get Started button.

WP Simple Pay setup wizard

Step 2. Complete the Setup Wizard

Now the setup wizard will ask you to enter your plugin license key. You can find your WP Simple Pay license key under Licenses in your user account area.

Activate WP Simple Pay license key

After entering the key, you can click the Activate and Continue button.

The next step is to connect your Stripe account with WP Simple Pay. To do this, click the Connect with Stripe button.

Connect with Stripe

On the next screen, log into your Stripe account and follow the instructions to connect your account with the WP Simple Pay plugin. Afterward, you’ll be redirected back to the setup wizard.

Now, go ahead and type in your email address and choose which email notifications you’d like to receive. For instance, you can get emails for payment receipts, upcoming invoices, and payment notifications.

Configure email settings

Once you’ve chosen your notifications, click the Save and Continue button.

The last step in the setup wizard is to make a payment form. To do that, click the Create a Payment Form button.

Create a payment form

Step 3. Create a Payment Form

On the following screen, you’ll see several payment form settings.

In the General tab, you can change the form title, description, form type and select options for your payment success page. You can also enable reCAPTCHA to avoid payment spam.

payment form general settings

After configuring those settings, you can move to the Payment tab.

In this tab, you can enter your product or service prices. You can also choose from a one-time payment option or recurring subscriptions.

Select your pricing options

Now navigate to the Form Fields tab in the form builder. This is where you can add more form fields and change the order they appear.

Add more form fields

Additionally, you can expand the Payment Method field and choose multiple payment options such as Apple Pay, ACH payments, credit cards, buy now, pay later, and more.

After customizing your payment form, click the Publish button.

Step 4. Add Payment Form to WordPress Page

The next step is to add the payment form to your WordPress site. You can add it anywhere with the WP Simple Pay WordPress block.

To do this, create or edit a WordPress page, then inside the WordPress content editor, click the ‘+’ button and choose the WP Simple Pay block.

Add the WP Simple Pay WordPress block

You can then select your form from the dropdown menu in the WP Simple Pay block.

After updating or publishing your page, you can preview your form in action.

WP Simple Pay Stripe Payment Form

Method 3. WooCommerce Stripe Payment Gateway

If you have an online store on WordPress using the WooCommerce plugin, you can easily configure it to accept payments with Stripe. Simply follow the instructions below to learn how.

First, install and activate the WooCommerce Stripe Payment Gateway plugin. 

Once you’ve activated the plugin, you’ll need to head to the WooCommerce » Settings page and click the Payment tab.

WooCommerce payments tab

On this screen, you’ll see the different payment methods you can offer shoppers on your WooCommerce store, including debit and credit cards, Google Pay, PayPal, Apple Pay, direct bank account payouts, and more.

For now, scroll down to the ‘Recommended ways to get paid’ section and click the Get started button next to the ​​Stripe Payments option.

Get started with Stripe payments

To accept online payments, you’ll need to link WooCommerce to your Stripe merchant account. So click the Create or connect an account button to do so.

Connect Stripe with WooCommerce

Next, log into your Stripe dashboard and follow the instructions to authorize your account with WooCommerce.

After connecting your Stripe account, you’ll return to the Stripe settings page in WooCommerce. Ensure you check the ‘Enable Stripe’ option on this page, then save your changes.

Enable Stripe payments in WooCommerce

Once that’s done, your website visitors will be able to see a Stripe payment option on the checkout page.

Stripe payment preview in WooCommerce

Pro Tip: WooCommerce works seamlessly with SeedProd, allowing you to create a complete WooCommerce store without code.

There you have it!

We hope this article has helped you learn how to accept Stripe payments in WordPress. Our favorite way to take Stripe payments is using SeedProd’s Stripe payment button block.

It’s quick and easy and helps you customize your WordPress site without hiring a developer.

You might also like reading the following WordPress guides:

Thanks for reading. Please follow us on YouTubeTwitter, and Facebook for more helpful content to grow your business.

Get SeedProd

Join Our Newsletter

Subscribers to get Free WordPress Tips and Resources

We do not sell or share your information with anyone.

Let's Connect

Most Popular

Copyright © 2022 SeedProd LLC. SeedProd is a trademark of SeedProd, LLC

PayPal Verified Badge
WPBeginner Verified Badge