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

stripe1会員サイトプラグイン

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

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

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

【図解＆動画解説】Simple Membershipsオンライン会員サイト・オンラインサロン作成プラグイン～Stripeの購入ボタン設定～
wordpressで会員サイト・オンラインサロンを作れるプラグインSimple Membershipの有料会員用クレジット決済用Stripeボタン簡単設定方法をご紹介。Stripeで公開可能キーとシークレットキーを作成します。paypalやStripeと連携してサブスクリプションタイプの月額課金オンライン会員サイトが簡単に作れます！
hanami-web.tokyo.jp
2020.07.13

会員プラグインSimple Membershipsの他の設定項目をご覧になりたい方はSimple Memberships設定方法目次をご覧ください。

SCA準拠とは？

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

Stripe APIキーの取得

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

【図解＆動画解説】Simple Membershipsオンライン会員サイト・オンラインサロン作成プラグイン～Stripe決済用API作成～
wordpressで会員サイト・オンラインサロンを作れるプラグインSimple Membershipの有料会員用クレジット決済用のStripe本番用公開キー、シークレットキー、テスト用公開キー、シークレットキーの取得方法を紹介しています。paypalやStripeと連携してサブスクリプションタイプの月額課金オンライン会員サイトが簡単に作れます！
hanami-web.tokyo.jp
2020.07.13

支払い設定へ進みます

【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作成～
wordpressで会員サイト・オンラインサロンを作れるプラグインSimple Membershipの有料会員用クレジット決済用のStripe本番用公開キー、シークレットキー、テスト用公開キー、シークレットキーの取得方法を紹介しています。paypalやStripeと連携してサブスクリプションタイプの月額課金オンライン会員サイトが簡単に作れます！
hanami-web.tokyo.jp
2020.07.13

Test Publishable Key

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

Test Secret Key

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

Live Publishable Key

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

Live Secret Key

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

Collect Customer Address

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

リターン URL

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

【図解＆動画解説】Simple Membershipsオンライン会員登録プラグイン～paypalボタン作成【1回支払い】方法～
wordpressで会員サイト・オンラインサロンを作れるプラグインSimple Membershipの有料会員用paypalボタン簡単設定方法をご紹介。年払いなど1回完結の支払いボタンの設定方法になります。ダッシュボードだけの作業で簡単に作成できます。paypalやStripeと連携してサブスクリプションタイプの月額課金オンライン会員サイトが簡単に作れます！
hanami-web.tokyo.jp
2020.07.11

設定例をご紹介

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ボタン作成方法のご紹介を終わります。他にも

が設定できます。

会員プラグインSimple Membershipsの他の設定項目をご覧になりたい方はSimple Memberships設定方法目次をご覧ください。

タイトルとURLをコピーしました