How to Integrate Stripe Payments into WordPress

Stripe It is a popular and powerful payment gateway that supports a wide range of payment methods and is suitable for cross-border payments and a variety of business scenarios. Integrate Stripe into WordPress websiteIt can help webmasters to quickly realize the online payment function. Here are the detailed steps fromInstall the plugin to configure the payment functionThis is a great way to help make your Stripe integration go smoothly.

preliminary

Before you start, prepare for these below:

1. Have a Stripe account

• If you don't have it, go Stripe Official Website Register for an account.
• Get it in the backend of your account API Key(ContainsPublishing Keysrespond in singingprivate key) for connecting to the WordPress site.

2. Install WordPress

• Make sure the WordPress site is up and running and you can install the plugin.

mountingWordPressFor more details, see our article:

Newbies can also get started quickly: AliCloud + pagoda panel to create a WordPress site full strategy

Ultra-detailed babysitting tutorial for manually installing WordPress on Tencent Cloud using 1Panel

How to set up Stripe on a WordPress website

If one just wants to start withFixed price salesone item (e.g. website membership subscription, etc.), then using Stripe is ideal.

Step 1: Install the Stripe plugin

Installation and activation "Stripe Payments WordPress Plugin - WP Simple Pay" Plug-ins.

This plugin is available in both free and paid versions.
WP Simple Pay is a standalone plugin that makes it easy to integrate Stripe with WordPress.

The free version of the plugin features include:

• Integrates with Stripe Checkout and supports unlimited payment forms.
• Display brand or product images on the Stripe Checkout page.
• Collect features such as customer billing and shipping address options.

Installation and activation WP Simple Pay After the plugin, you will see in the top right corner of the WordPress dashboard a "Test mode activated"Notice.

Step 2: Setting up your Stripe account

Go to the Settings page
In the WordPress backend navigate to "Simple Pay Lite > Settings"The

test pattern
On the settings page, you will see "test pattern"The default is set to "Enabled". When the site goes live or you start collecting payments, change it to "Disabled".

Settings tab
WP Simple Pay uses several tabs to manage settings, including "Stripe Setup.","General" respond in singing "Payment Confirmation"The

General Settings (General)

• Set up payment-related pages, such as "Payment Success Page", "Payment Failure Page", and "Payment Cancel Page".
• The Pages list displays the pages that already exist in your WordPress site.
• Configure the currency type and select the currency that is appropriate for the site's business (e.g., USD, GBP, etc.).

Payment Confirmation (Payment Confirmation)

• Configure the display message after a successful payment.
• The information on the success page can be customized using the template tags provided on the page.

Connect Stripe

• come (or go) back "Stripe Setup" tab, click the "Connect with Stripe." button to connect Stripe to the WordPress site.

• If you already have a Stripe account, click on the top right corner of the page to "Sign in" button to log in.
• If you don't have an account, fill out the form and activate your account.

Account Activation

• After activating your account, the e-mail address used for registration will appear as "Administrator (owner)", indicating that the Stripe account has successfully connected to the website.

Step 3: Create a Payment Form

Go to the payment form page
In the WordPress backend, navigate to "Simple Pay Lite > Payment Forms"The
This page will list all the payment forms created on the site.

Creating a new form

• strike (on the keyboard) "Add New"The

• Add a title to the form (for backend reference only, it will not be displayed on the frontend).

Configuring form options
On the Form Settings page, the following tabs need to be filled out:

• Payment Options::
  • Set the payment mode to the default "Global Setting".
  • Configure the Lump Sum Amount (e.g. $1).

• On-Site Form Display (form display settings)::
  • Customize the text on the payment button (e.g. "Pay Now").
• Stripe Checkout Display::
  • Fill in the product name, description, and product image, which will be displayed on Stripe's checkout page.
  • Customize the color and style of the submit button as needed.

Optional Configurations

• If desired, there is an option to collect "delivery address"and"billing address".
• Subscription OptionsThis feature is only available in the Pro version of the plugin, so if you need subscription mode, you need to buy the Pro version.

Posting Forms

• After completing all the settings, click on the right side of the "Publish" Button.
• After publishing, the payment form will be displayed in the "Simple Pay Lite > Payment Forms" Page.

Copy the short code

• On the Payment Form List page, copy the shortcode for the new form.
• Next, the shortcode can be embedded into the payment form that needs to be displayed in thePage or ArticleCenter.

Step 4: Integrate the Stripe payment form on the page

Create new page
In the WordPress backend navigate to "Pages > Add New Page"The

Naming pages
Name the page, e.g. "My eBook Page".

Add short code widget
In the page editor, add a shortcode widget.

Insert short code
Place the previously copied payment form shortcodePaste into the widget. Save and publish the page.

View Payment Button
On the page, you will see a"PAY WITH CARD" button. After clicking the button, you will be redirected to the checkout pageThe

At this point, the checkout page has been set up and the Stripe payment feature has been successfully integrated into the WordPress website!