how to integrate stripe to wordpress?

How to Integrate Stripe with WordPress? Step-by-step guide

When you’re using WooCommerce with WordPress CMS, it comes with payment gateways, including Stripe which allows you to accept payments on your online store.

When you use a basic WordPress site however, there is no payment gateway integrated.

The question may arise: How can I accept payments on basic WordPress site? Or, I have a Stripe account, can I use Stripe for WordPress?

And, the answer is: absolutely! Stripe can integrate with WordPress. 

Table of contents:

How Stripe integration with WordPress works?

Stripe payment processor is a popular choice for accepting payments due to its ease of integration, robust security features, and global reach.

With support for over 135 currencies, Stripe allows you to accept payments from your customers, subscribers, donors worldwide.

Integrating Stripe to a WordPress site focuses purely on payment acceptance without the additional eCommerce functionalities like in WooCommerce.

Using plugins specifically designed for Stripe + WordPress integration is ideal when you want to accept one-off or recurring payments or collect donations without having to integrate a full eCommerce system.

There are 2 ways you can set up Stripe for a WordPress site:

  1. By integrating Stripe’s API directly into your site which requires coding skills
  2. Adding a payment form to your site using a Stripe plugin like WP Full Pay

The easiest solution to set up Stripe for a WordPress site is using a plugin designed for Stripe payments.

When you use WP Full Pay for accepting Stripe payments on your WordPress site, the process goes like this:

  • You create a Stripe product (one-time or recurring payment product) on your Stripe dashboard, and create payment forms on WP Full Pay dashboard on WordPress.
  • When a customer makes a purchase on your site, they are directed to a Stripe checkout page where they can review their order and enter their payment information.
  • Once the customer submits their payment information, Stripe processes the payment in the background.
  • After the payment is processed successfully, the customer is redirected to a confirmation page on your site, indicating that their payment was successful. This thank you page is created by you.
  • Moving forward, you can view recent transactions on your WordPress admin by navigating to WP Full Pay → Transactions. And, on your Stripe dashboard, you can view payment details, manage payments, chargebacks, invoices, and generate reports.

How to integrate Stripe to a WordPress site?

Here are the steps needed to use Stripe for WordPress:

  1. Create a Stipe account
  2. Install WP Full Pay plugin to accept Stripe payments
  3. Create Stripe products
  4. Embed Stripe product to a WordPress page

Step 1: Create a Stripe account

The first step to integrate Stripe to a WordPress, you need to create a Stripe account.

To create a Stripe account, follow these steps:

  1. Go to the Stripe homepage (stripe.com) and click on the “Sign in” or “Sign up” button to register.
  2. Enter your email address and create a password. This will be your login credentials for accessing your Stripe dashboard.
  3. Verify your email and set up your account. Once your email is verified, you’ll need to provide additional details about your business. This includes your business name, the type of business, address, and the website if you have one.
  4. Enter your bank account details where Stripe will deposit your payments. This step is crucial as it links your Stripe account to your bank for fund transfers.
  5. Depending on your location and the nature of your business, Stripe might require additional documentation to verify your identity and business. This can include uploading government-issued IDs or business registration documents.
  6. After entering all required information and completing any necessary verifications, you’ll need to submit the information for review. Stripe will usually activate your account quickly, often instantly, unless further review is required.

Refer Stripe documentation for more details on getting started with Stripe.

Step 2: Install a plugin to accept Stripe payments

Once your Stripe account is set up, the next step is to install the WP Full Pay plugin to integrate Stripe into your WordPress pages.

WP Full Pay allows you to connect Stripe to your WordPress site, create different types of Stripe payment forms, and accept payments within your WordPress dashboard.

With WP Full Pay, you can accept Stripe payments on your WordPress site without having to set up WooCommerce.

WP Full Pay is a no-code Stripe plugin for WordPress. It supports a wide range of payment methods, including one-time payments, recurring payment, and donations, as well as save card forms. Plus, it integrates with payment methods like Klarna, Afterpay, Giropay, iDEAL for buy now pay later and other payment types.

NOTE: You can create payment forms and conduct test transactions for free. Download the plugin here.

Let’s see how you can add Stripe to WordPress site with WP Full Pay:

1. Download WP Full Pay.

You can download the .zip file from the platform where you purchased the plugin – CodeCanyon or the website (Freemius). Or, you can also download the plugin free version form plugin directory.

How to Integrate Stripe with WordPress
Download WP Full Pay from WordPress Plugins

2. Install the plugin in your WordPress admin.

You can either install manually or directly add to your WordPress by navigating to Plugins and searching for “WP Full Pay”:

Stripe solution for WordPress
Find the WP Full Pay in WordPress admin panel -> Plugins

If you’ve dowloaded the .zip file, navigate to Plugins -> Add New Plugin -> Upload the .zip from your computer -> install & activate.

Adding WP Full Pay manually
Adding plugin to WordPress manually

3. Configure the Stipe API Keys.

Stripe API keys are secure access codes that will connect your WordPress site to Stripe. To configure Stripe for WordPress you need to access the Stripe API Keys on your Stripe dashboard, and add them to WP Full Pay from your WordPress admin panel.

To get the Stripe API Keys, navigate to the Developers → API keys page on the Stripe dashboard. Here, you will see Publishable and Secret keys.

Once you revealed the keys, go to the Full Pay → Settings → Stripe account page to add the API keys.

Here are step-by-step guide to accessing your Stripe API Keys and configuring it to WordPress.

4. Set up webhooks.

Once you configured Stripe, the next step is setting up webhooks.

Stripe webhooks allow your Stripe account to send real-time notifications to your server about events that occur in your Stripe account. These webhook events webhooks handle subscription events like renewals, cancellations, and upgrades.

Webhooks help keep your WordPress site synchronized with your Stripe account. By using webhooks, you can automate actions in your WordPress site based on events in your Stripe account. For example, you can automatically update user accounts or send email notifications when a payment is received.

To set up webhooks, navigate to WP Full Pay -> Settings -> Stripe accounton your WordPress admin panel. Here, you’ll find the unique webhook URL.

How to Integrate Stripe with WordPress
Stripe webhooks on WP Full Pay dashboard

Next, on your Stripe dasboard, you should configure the endpoint URL by selecting webhook events for payment statuses like “charged”, “failed”, “pending”, etc.

Refer to our support article to learn how to set up Stripe webhooks in WP Full Pay.

Step 3: Create a Stripe product

To start accepting Stripe payments on your WordPress site, you need to create a Stripe products and embed it to your pages.

Here are simple steps:

  1. Go to stripe.com and log in to your account.
  2. In your Stripe dashboard, navigate to the “Products” tab on the left-hand side menu.
  3. Click on the “Add product” button to create a new product.
  4. Enter the details of your product, including the name, description, and pricing. You can also upload an image to represent your product.
  5. Set the pricing for your product. You can choose between a one-time payment or a recurring subscription.
  6. Click the “Save product” button to save your product.
  7. After saving, you’ll be able to see your product listed in the Products tab. You can click on the product to view its details, including the Product ID, which you’ll need to integrate with your website or app.
  8. Use the Product ID in your integration with Stripe to create payment forms or subscription plans that correspond to this product.

By following these steps, you can create a product in Stripe and integrate it into your WordPress site to start accepting payments.

Now, let’s see how to embed Stripe payment forms to WordPress pages.

You might also like to read: how to create installment and BNPL payment plans on WordPress.

Step 4: Embed the Stipe payment forms to a WordPress page

It’s recommended to first run a test Stripe payments to ensure everything is working correctly.

To start accepting payments on your WordPress site, you need to:

  1. Create a payment form in WP Full Pay
  2. Embed the payment form to a site where you intent to collect payments

Creating a payment form in WP Full Pay

To create a payment form to accept Stripe payments, follow these easy steps:

1. Navigate to WP Full Pay → Forms in your WordPress admin. Here select the payment form type, and press Add form button.

2. Next, on the Payment section, click to Add products form Stripe.

Adding Stripe products to WordPress pages with WP Full Pay
Adding Stripe products to WordPress pages with WP Full Pay

3. On this page, you will see the created product in Stripe. Select the products to add to WP Full Pay.

4. After finalizing the form settings, including appearance, form field, and settings, hit the Save button.

Embedding Stripe payment form to WordPress page

One you create the payment form, follow these steps to embed it to a WordPress page:

1. Head to the Full Pay → Forms page

2. Copy the shortcode of a payment form you want to embed

Embedding Stripe payment form to WordPress page
Embedding a Stripe payment form to a WordPress page

3. Next, navigate to a page you want to include the payment form

4. On the page, just paste the shortcode to the page

Adding Stripe payment form shortcode to a WordPress page
Adding Stripe payment form shortcode to a WordPress page

Done!

It’s recommended to first run a test Stripe payments to ensure everything is working correctly.

Which Stripe payments you can accept on WordPress?

WP Full Pay makes it easy to accept a variety of Stripe payment models in your WordPress site without coding.

You can create these payments forms in WP Full Pay, customize with CSS to fit to your site design, and embed the forms to your pages where you intent to add checkout.

Creating Stipe products and embedding them to WordPress site
You can create donation, one-time, subscription, and save card payment forms with WP Full Pay

One-time payments

One-time or one-off payment forms are ideal for straightforward transactions where your customers pay a single fee for a product or service.

Refer to our support article to learn how to create one-time payment forms.

Recurring revenues

Recurring revenue forms are suitable for subscriptions or memberships where payments are made periodically like monthly, quarterly, or yearly.

Refer to our support article to learn how to create subscription forms.

Save cards

Save card forms allow you to securely save your customer payment information for charging later and also offering faster checkout.

Refer to our support article to learn how to create save card forms.

Donation

With the donation forms, you can set up both one-time and recurring donations. Donation forms are ideal for digital creator to collect monetary gift from their fan base and for non-profits or any organization accepting contributions.

Refer to our support article to learn how to create donation forms.

Accept Stripe payments on WordPress site with WP Full Pay

Create payment forms and start accepting Stripe payments in less than 30 minutes. No coding skills required.