[Diagrams & Video Explanation] Simple Memberships Online Membership Site/Online Salon Creation Plugin ~ Stripe Subscription Purchase Button Settings ~

A WordPress teacher will carefully explain how to set up Simple Memberships, which allows you to easily create an online membership site or online salon using WordPress and create content exclusive to members!

This time, we will be looking at how to set up a Stripe subscription purchase button.

How to set up Stripe's SCA-compliant subscription purchase button

[Diagrams & Video Explanation] Simple Memberships Online Membership Site/Online Salon Creation Plugin ~ Stripe SCA Compliant Subscription Purchase Button Setup ~

Obtaining a Stripe API key

Get an API key from Sttipe. How to get it

[Diagrams & Video Explanation] Simple Memberships Online Membership Site/Online Salon Creation Plugin ~ Stripe Payment API Creation ~

Go to your payment settings

Click [WP Membership] > [Payment].

Stripe Legacy Subscription (deprecated) 

Select [Stripe Legacy Subscription (deprecated)] and click [Create].

Register a subscription product with Stripe

You need to register a recurring payment product in the Stripe dashboard.

[Products] > [Add product]

• name
• Description (optional)
• price
• continuation
• Billing Period
• Free trial (optional)

Enter the details and click on the Add Product button.

Get ID

An ID was issued to enter into the Simple Membership settings. Enter it in the [Stripe Plan ID] field.

Two types of IDs will be issued: [prod_xxxxxx] in the ID section of the details, and [price_xxxxxx] in the API ID section of the pricing structure.
The ID to be used is the one that starts with [price_xxxxxx] in the APP ID details.

Enter required information

1. Button Title
2. Membership Levels
3. Stripe Plan ID
4. Use Global API Keys Settings
5. Test Publishable Key
6. Test Secret Key
7. Live Publishable Key
8. Live Secret Key
9. Webhook Endpoint URL
10. Collect Customer Address
11. Return URL
12. Button Image URL

We will set up the following.

Button Title

Give the button a title so that you can tell what it is for. For example, Paid Member 1.

Membership Levels

Select a membership level from the list of membership levels you have created.

Stripe Plan ID

Enter the ID obtained during the registration process for your subscription product in Stripe.

Enter an ID that starts with [price_xxxxxx].

Use Global API Keys Settings

Uncheck the box to use the API key you created. If you haven't obtained an API key yet, please refer to the following!

[Diagrams & Video Explanation] Simple Memberships Online Membership Site/Online Salon Creation Plugin ~ Stripe Payment API Creation ~

Test Publishable Key

Enter your test releasable key.

Test Secret Key

Enter the test secret key.

Live Publishable Key

Enter your production publishable key.

Live Secret Key

Enter the production secret key.

Webhook Endpoint URL

Configure the Webhook Endpoint URL in Stripe.

Adding an endpoint with WebHook

Stripe dashboard [Developer] > [WebHool] > [Add Enpoint]

Enter the Simple Membership Webhook Endpoint URL

The URL listed below

Enter it in [Endpoint URL].

Select both [invoice] and [Customer] in [Send Event] and click [Send Endpoint].

Collect Customer Address

Check this box if you want customers to enter their address when making a payment via Stripe.

Return URL

If you want to display a thank you page after payment is completed, set this. If you don't want to display one, leave it blank. For details,

[Illustrated & Video Explanation] Simple Memberships Online Membership Registration Plugin ~ How to Create a PayPal Button [One-Time Payment] ~

Button Image URL

You can set an image for the purchase button. For details,

Introducing a setting example

Your Stripe Subscription button has been created

The Stripe button you just created is listed in [Manage Payment Button]. Use [Shortcode] to place the Stripe button on the paid membership registration page.

In my case, [swpm_payment_button id=71] is the shortcode for displaying the button I created.

Automatically created page [Join Us]

Activate the Simple member ship plugin and paste the shortcode into the [Join Us] page, one of the pages that is automatically generated.

Delete all default sales text and change it to sales text that suits your service.

Insert the shortcode in the text like this:

This makes it easy to set up a purchase button.

Click to buy

A field will appear for you to enter your email address and card information, then click [Sign Me Up!] to make the payment.

Once payment is complete, you will be redirected to the site or to a page that has been set as a redirect.

An SCA-compliant subscription button looks like this:

There was also a button called "Pay." This is linked to your Google account, so if you have credit card information saved in your email address or Google account, you can make payments without entering any information.

This concludes our introduction to how to create a Stripe SCA Buy Now button.

• Stripe SCA Buy Now - SCA Compliant Buy Buttons
• Stripe SCA Subscription- SCA-compliant subscription buttons
• Stripe Legacy Buy Now (deprecated) - Purchase button

can be set.