実際の取引を行う前に、WordPressでStripe決済をテストしたいですか？
顧客があなたのサイトで問題なく取引を行えるよう、スムーズな支払いプロセスを持つことは非常に重要です。
決済の統合をテストすることで、チェックアウトプロセスを検証し、フォームを立ち上げて顧客から実際の支払いを収集する前に問題を修正することができます。
この記事では、WordPressでStripeのテストモードを有効にして、安全な環境でクレジットカード決済をシミュレートする方法をご紹介します、
ストライプテストモードの目的は？
Stripeのテストモードでは、実際の料金を発生させることなく取引をシミュレーションできるテスト環境を提供します。テスト用クレジットカードを使用して、Stripeでシミュレーション取引を行うことができますので、安全にチェックアウトプロセスを試し、最高の顧客体験を確保するために微調整することができます。
WordPressでStripeテストモードを有効にする方法
WordPressでStripe決済の統合をテストする準備ができたら、以下の手順に従ってください：
この記事で
1.WPFormsをインストールする
WPFormsはWordPressで最も評価の高いフォームビルダーで、あらゆる種類の支払いフォームや注文フォームを作成できます。
Stripeとのネイティブな統合により、テスト取引を行うことができます。また、本番の決済を受け入れる準備ができたら、ボタンをクリックするだけです。
Stripe決済はすべてのWPFormsライセンスレベル（WPForms Liteを含む）で利用可能です。
WPFormsの無料版でもStripe決済のテストや実際のトランザクションを受け入れることができますが、 WPForms Proをお勧めします。
自分に合ったプランを選んだら、 WordPressサイトにWPFormsをインストールしましょう。
素晴らしい！WPFormsとStripeの接続を設定し、テスト支払いモードを有効にしましょう。
2.ストライプテストモードを有効にする
WordPressの管理メニューを開き、WPForms " Settingsをクリックします。次に、支払い タブに移動します。
この画面では、Stripeに接続し、テストモードを有効にしてStripeによる実際の支払い処理を停止することができます。
下にスクロールし、テストモードの隣にあるチェックボックスを選択します。
テストモードチェックボックスを選択すると、ライブ決済処理に切り替える際にStripeに再接続する必要があることを知らせるモーダルポップアップが表示されます。OKをクリックして次に進みます。
ここで、「Save Settings（設定を保存する）」ボタンを押して、テストモードにとどまります。
あとはStripeアカウントとWPFormsを接続するだけです。これを行うには、Stripeと接続する青いボタンを押します。
Stripeのログインフォームが表示されます。Stripeのメールアドレスとパスワードを入力し、画面の指示に従って接続を確立してください。
注：テスト決済を行う場合は、上部にある「 このフォームをスキップ」ボタンをクリックすることで、Stripeのログインフォームを完全にスキップできます。ただし、本番のお支払いには、このフォームに入力し、Stripeとの接続を確立する必要があります。
完了したら、WPForms Payments画面に戻ります。接続状況がテストモードで接続されていることを確認できます。
Stripe webhookは、サイトをStripeに接続すると自動的に設定されるようになりました。バックグラウンドで何度か自動設定を試みます。
素晴らしい！次のステップでは、Stripeでテストを行うための支払いフォームを作成します。
3.Stripe決済をテストするフォームを作成する
WPFormsは支払いフォームを驚くほど簡単に作成できます。時間を節約するために、2,000以上の既製のフォームテンプレートを提供します。
WordPressのダッシュボードからWPForms " Add Newにアクセスして新しいフォームを作成し、テンプレートを使用することができます。
フォームの設定画面が表示されます。フォームの名前を入力してください。これは何でもよく、内部的に参照するためだけに使用されます。
名前を付けた後、下にスクロールして適切なテンプレートを選択します。この例ではStripeの支払いフォームテンプレートを使用します。
テンプレートを選択した後、WPFormsはそれをロードするために数秒しかかかりません。
テンプレートが読み込まれたら、特定のニーズに合わせてカスタマイズすることができます。
例えば、このテンプレートの複数アイテム欄のオプションを変更することで、実際に販売したいアイテムを含めることができます。
テストを終えて公開する準備ができたら、同じフォームを顧客の前に置くことになることを忘れないでください。ですから、今の段階ではテストに集中しているからといって、不完全なフォームを使わないようにしましょう。
フォームをカスタマイズしたら、上部の保存ボタンを押してください。
4.Stripeペイメントを設定する
フォームのStripeクレジットカードフィールドは、フォームビルダーの設定で支払いを有効にした後にのみ、支払い（リアルまたはテスト）を処理します。
フォームビルダーの左側にあるPayments"Stripeを クリックします。次に、Stripe決済を有効にする トグルボタンをクリックします。
そうすると、Stripeでの支払い処理に関する追加オプションが表示されます。これらの設定は任意ですが、設定しておくことをお勧めします。
また、定期的な支払いをテストすることもできます。デフォルトでは、Stripeは1回払いのみ課金します。
完璧だ！これでフォームをテストする準備ができました。先に進む前に必ず保存を押してください。
5.フォームのプレビューとテストの実行
テスト段階ではフォームを公開する必要はないので、顧客に見つかる心配をすることなく安心して試すことができます。
保存の隣にあるプレビューボタンを押すだけで、フォームのプレビューモードになります。
Stripeが提供する特別なテストカード値を使用して、支払いをシミュレートすることができます。
ストライプテスト用クレジットカード番号リスト
これらのカードはどのCVVでも使用でき、有効期限は将来の日付でも使用できる。アメリカン・エキスプレスのカードは4桁のCVVが必要だが、その他のカードは3桁のCVVである。
| カードの種類 | 番号 |
|---|---|
| ビザ・クレジット | 4242424242424242 |
| Visaデビット | 4000056655665556 |
| マスターカードクレジット | 5555555555554444 |
| マスターカード2シリーズ | 2223003122003222 |
| マスターカード・デビット | 5200828282828210 |
| Mastercardプリペイド | 5105105105105100 |
| アメリカン・エキスプレス | 378282246310005 |
| ビザ・クレジット（カナダ） | 4000001240000000 |
| ビザ・クレジット（ドイツ） | 4000002760000016 |
| ビザ・クレジット（英国） | 4000008260000000 |
| Visaデビット（英国） | 4000058260000005 |
フォームに必要事項を記入し、テストカードの数値を入力したら、Submitボタンを押してください。
おめでとうございます！あなたは今、最初のテスト支払エントリーを作成しました。
しかし、テストの支払いデータはどのようにして見ることができるのでしょうか？次のステップでその簡単な方法を説明します。
6.テストの支払いデータを見る
WPFormsでは、テストと本番のすべての支払いを記録する専用の支払い画面を提供しています。
支払い画面にアクセスするには、WPForms " Paymentsをクリックしてください。
支払概要画面では、本番支払データとテスト支払データを切り替えることができます。日付ピッカーの横にあるテストデータトグルをクリックすると、WPFormsはテスト支払のみを表示します。
特定の試験項目についての詳細をご覧になりたい場合は、支払い表までスクロールし、ご興味のある項目をクリックしてください。
これで、特定の提出物に関する支払いの詳細とエントリーの概要が表示されます。
さまざまなカード決済方法を試したり、さまざまな状況をシミュレーションしたりして、フォームを繰り返しテストしてください。
フォームに満足し、顧客からのライブトランザクションの受付を開始するためにフォームを公開する準備ができたら、次のステップに従ってください。
7.フォームを公開し、実際の支払いを集める
Stripeに実際の取引を処理させるには、まずライブ決済モードに切り替える必要があります。
これはWordPressの管理メニューからWPForms " Settingsに戻り、Paymentsタブを選択することで行うことができます。
ここで、 Test Modeチェックボックスの選択を解除する。
テストモードからライブ取引に切り替えるには、Stripeに再接続する必要があります。
前回同様、青い"Connect with Stripe "ボタンをクリックし、Stripeのログインフォームを送信して、ライブモードで接続を確立します。
Save Settingsをクリックしてください。
WPForms " All Formsから Stripeの支払いフォームに戻り、先ほど作成したフォームを選択します。
フォームをクリックすると、フォームビルダーのインターフェイスに戻ります。このフォームを公開するには、上部にある埋め込みボタンをクリックします。
WPFormsは、既存のページにフォームを直接埋め込んだり、フォーム専用の新しいページをゼロから作成したりする柔軟性を提供します。
ここで新規ページ作成を選択します。
ページの名前を入力し、オレンジ色の「Let's Go」ボタンをクリックします。
WordPressのブロックエディターに移動します。フォームはすでにページ内のブロックに埋め込まれています。必要であれば、ページの内容をさらに変更したり、フォームのスタイルをカスタマイズすることもできます。
ページとフォームの見た目に満足したら、公開ボタンを押してください。
素晴らしい！フォームが公開されたので、実際の顧客からStripe経由でクレジットカード決済を簡単に収集できます。
これで完了です！これでWordPressでStripe Test Modeを有効にする設定は完了です。
次に、毎月の寄付プログラムを始める
WordPressでStripeの決済をテストして使用できるようになったので、毎月の寄付プログラムを開始し、継続的に寄付を募ることを検討してみてはいかがでしょうか。
また、魅力的なリードジェネレーション・キャンペーンを作成するのに苦労し、期待する結果が得られない場合は、すべての作業を代行してくれる 強力なリードジェネレーション・ツールの使用を検討する時期かもしれません。
フォームを作る準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
「テストモード」はサイト全体ではなく、フォームレベルでのオプションである必要があります。私たちのサイトには決済を行うライブの登録フォームがたくさんあり、新しいフォームで決済をテストしている間も機能を維持する必要があります。
こんにちは、ジョン。フィードバックをありがとう！今はまだ利用できませんが、機能リクエストがあります。
他のフォームの支払いプロセスを中断することなくテストモードを有効にできるステージングサイトを用意することをお勧めします。ホスティングプランにステージングサイト機能がない場合は、無料のInstaWPプランをご利用ください。InstaWP には、サイトをコピーしてくれるプラグインがあります。