【図解＆動画解説】Simple Membershipsオンライン会員サイト・オンラインサロン作成プラグイン～StripeのSCA準拠購入ボタン設定～

wordpressで簡単にオンライン会員サイト・オンラインサロンを作り、会員限定コンテンツを作る事が出来るSimple Membershipsの設定方法をwordpressの先生が丁寧に解説します！

今回は【StripeのSCA準拠購入ボタン設定】

SCA準拠購入ボタンではない通常の購入ボタン設置方法は

【図解＆動画解説】Simple Membershipsオンライン会員サイト・オンラインサロン作成プラグイン～Stripeの購入ボタン設定～

SCA準拠とは？

情報の収集に関する最新のオンラインルールや規制に沿った決済方法みたいです。欧州で決済サービスを提供する時の準拠のようですが、通常の決済よりもセキュリティが高い決済方法という事になります。

Stripe APIキーの取得

SttipeでAPIキーを取得します。取得方法は

【図解＆動画解説】Simple Membershipsオンライン会員サイト・オンラインサロン作成プラグイン～Stripe決済用API作成～

支払い設定へ進みます

【WP Membership】>【支払い】をクリックします。

Stripe SCA Buy Now

【Stripe SCA Buy Now】を選択して【作成】をクリックします。

必要事項の入力

1. ボタンタイトル
2. 会員レベル
3. 支払金額
4. 支払通貨
5. Use Global API Keys Settings
6. Test Publishable Key
7. Test Secret Key
8. Live Publishable Key
9. Live Secret Key
10. Collect Customer Address
11. リターン URL

を設定していきます。

ボタンタイトル

何用のボタンを作ったのか判別できるように、ボタンにタイトルを付けます。有料会員１など

会員レベル

作成済会員レベルから会員レベルを選択します。

支払金額

金額を入力します。500円の場合

500

支払通貨

Japanese Yen(￥)を選択します。

Use Global API Keys Settings

作成したAPIキーを使用するため、チェックを外します。APIキーをまだ取得されていない方は以下を参考にしてください！

【図解＆動画解説】Simple Membershipsオンライン会員サイト・オンラインサロン作成プラグイン～Stripe決済用API作成～

Test Publishable Key

テスト用公開可能キーを入力します。

Test Secret Key

テスト用シークレットキーを入力します。

Live Publishable Key

本番用公開可能キーを入力します。

Live Secret Key

本番用シークレットキーを入力します。

Collect Customer Address

Stripeで決済をする時に、お客様の住所を入力してもらいたい場合はチェックをします。

リターン URL

決済完了後のThank youページなどを表示させたい場合は設定をします。特に不要な方は空白で大丈夫です。詳細は

【図解＆動画解説】Simple Membershipsオンライン会員登録プラグイン～paypalボタン作成【1回支払い】方法～

設定例をご紹介

Stripe SCA Buy Nowボタンが作成されました

【Manage Payment Button】の中に今作成をしたStripeボタンが記載されています。【ショートコード】を利用して有料会員登録ページへStripeボタンを設置します。

私の場合[swpm_payment_button id=65]が作成したボタンを表示させるためのショートコードです。

自動作成ページ【Join Us】

Simple member shipプラグインを有効化して自動で生成されるページの１つである【Join Us】ページにショートコードを貼ります。

初期値でセールス文はすべて削除をして、ご自身のサービスに合うセールス文へ変えます。

以下のように本文中にショートコードを挿入します。

このように購入ボタンを簡単に設定する事が出来ました。

購入するをクリックすると

Stripeの支払いページへ移動しました。Stripeでカラー設定をピンクにしているので私の場合はピンクになっています。お客様は

• メールアドレス
• カード情報
• カード所有者名
• 国

を入力しないと決済が行えない仕組みになっています。

支払い完了するとサイトへリダイレクト、またはリダイレクト設定をしているページへリダイレクトされます。

GPayというボタンもついていました。googleアカウントと紐づけられるので、メールアドレスやgoogleアカウントにクレジット情報が保存されている場合は情報を入力せずに決済が行える仕組みになっていました。

以上でStripe SCA Buy Nowボタン作成方法のご紹介を終わります。他にも

• Stripe SCA Subscription ーSCA準拠のサブスクリプションボタン
• Stripe Legacy Buy Now (deprecated) ー購入ボタン
• Stripe Legacy Subscription (deprecated) ーサブスクリプションボタン

が設定できます。