WordPressサイトでStripeの支払い方法をテストする方法(3つの簡単な方法)

お客様がチェックアウト時に支払いに問題がある場合、それはオンラインストアにとって大きな問題です。評判を損ない、買い物客がカートを放棄する原因となり、売上の損失につながります。

だからこそ、ストアを立ち上げる前にStripeの支払いをテストすることが非常に重要です。この簡単なステップにより、支払いを処理し、オンラインビジネスを成長させることができます。

WordPressでオンラインストアをセットアップした後、私たちは常にこれを行うようにしています。そしてこの記事では、そのプロセス全体をステップバイステップで説明します。

WordPressサイトでStripeの支払いを簡単にテストする方法を学ぶには、読み進めてください。

WordPressでStripeの支払いをテストする

Stripeの支払いをテストすることがなぜ重要なのか?

WordPressサイトでStripe決済をテストするときは、オンラインストアを公開する前にすべてが正常に機能していることを確認しています。このステップをスキップすると、コストがかかる可能性があります。

顧客がチェックアウトしようとしたときに、セットアップの問題で支払いが失敗したと想像してみてください。これはユーザーにとってフラストレーションがたまるだけでなく、販売機会の損失にもつながる可能性が高いです。

このように考えてみてください。実店舗を経営していて、レジまたはPOSシステムが機能しなくなった場合、顧客は他の店を探すしかありません。

顧客は不便な状況に非常に不満を感じ、顧客を取り戻す可能性は非常に低くなります。これは、支払いテストを怠ると、オンラインストアに深刻な損害を与える可能性があることを意味します。

幸いなことに、公開前に支払いシステムをテストすることで、問題を早期に発見して修正できます。そうすれば、売上の損失や評判へのダメージを回避できます。

支払いゲートウェイがどのように応答するかを正確に確認するために、支払い成功、取引拒否、返金などの現実世界のシナリオをシミュレートできます。

あらゆる状況に対応できる準備が整えば、Stripeアカウントが安全かつ適切に統合されているという安心感が得られます。

とはいえ、WordPressでStripeの支払いをテストする方法を見ていきましょう。このチュートリアルでは、複数の方法について説明します。以下のリンクを使用して、選択した方法にジャンプできます。

重要な注意点: このチュートリアルに従う前に、以下の点に注意してください。

📝 まだStripeアカウントをお持ちでない場合は、まず作成することをお勧めします。

🔔 Stripeは決済処理業者ですが、各方法で使用するプラグインは、ライブストアで使用する完全なeコマースツールです。

🧪 各方法には「テストモード」がありますが、訪問者から支払いオプションを隠すものではありません。そのため、サイト全体を公開する前にこれらのテストを実行することをお勧めします。または、サイトがすでに公開されている場合は、まずステージングサイトでStripeをテストできます。

方法1:WooCommerceでStripeの支払いをテストする

Stripeは、WooCommerceで構築されたオンラインストアでクレジットカード決済を受け付けるための、最も人気のある決済ゲートウェイの1つです。WooCommerceストアを運営している場合は、この方法が適しています。

専門家のアドバイス: まだストアをセットアップしていない場合は、完全なWooCommerceチュートリアルをご覧ください。

WooCommerceストアがセットアップされ、準備が整ったら、無料のWooCommerce用Stripe決済ゲートウェイプラグインをインストールして有効化する必要があります。詳細は、WordPressプラグインのインストール方法に関するチュートリアルをご覧ください。

このプラグインは、FunnelKit のチームによって作成されたもので、コンバージョン率の高いセールスファネルを作成し、マーケティングを自動化するための強力なツールのスイートです。

詳細については、FunnelKitの完全なレビューをご覧ください。

プラグインを有効化した後、プラグインページで「オンボーディングウィザードを開始」ボタンをクリックするだけです。

WooCommerce用Stripe決済ゲートウェイプラグインのオンボーディングウィザードを開始する

これにより、画面上にFunnelKitセットアップウィザードが起動します。

次に、「Stripeと接続」ボタンをクリックして、既存のStripeアカウントをWooCommerceと統合します。

WooCommerceストアをStripeに接続する

次に、Stripeアカウントに関連付けられたメールアドレスとパスワードを入力します。

次に、「ログイン」ボタンをクリックして続行します。

Stripeにログイン

次に、同じメールアドレスで複数のStripeアカウントを作成した場合は、プラグインに接続したいアカウントを選択してください。

それができたら、「接続」ボタンをクリックするだけです。

ストライプアカウントを選択し、「接続」をクリックします

次の画面では、Stripe を使用してストアで有効化できる支払い方法のリストが表示されます。これには、カード、SEPA ダイレクトデビット、iDEAL などが含まれます。

選択を行い、「保存して続行」ボタンをクリックするだけです。

WooCommerceのStripe決済ゲートウェイの支払い方法を有効にする

それが完了したら、ストアのウェブフックを設定する必要があります。

Webhookは、Stripeがストアに送信する自動メッセージで、支払い成功などの確認を行い、注文ステータスを正確に保つのに役立ちます。

詳細な手順については、WordPressでStripe支払いを受け付ける方法に関するチュートリアルを参照してください。

プラグインは、Stripeを「テスト」モードまたは「ライブ」モードのどちらで実行するかを尋ねます。ここから「テスト」オプションを選択し、「設定を保存してレビュー」ボタンをクリックします。

WooCommerce用Stripe決済ゲートウェイのテストモードまたはライブモードを選択

これで、WooCommerceの「Stripe設定」ページにリダイレクトされます。

ここで、「Stripeゲートウェイを有効にする」オプションを確認し、支払いシステムのタイトルと説明を追加します。

Stripeを決済ゲートウェイとして有効にする

次に、下にスクロールして、ストアで受け入れる予定の銀行カードを入力します。

最後に、「変更を保存」ボタンをクリックして設定を保存します。

クレジットカードを追加する

次に、WooCommerceストアにアクセスして、チェックアウトページを開きます。ここで、Stripeが支払いオプションとして追加されていることに気づくでしょう。

また、サイトでテストモードが現在有効になっていることを知らせるメッセージが表示されます。

WooCommerceストアでStripeの支払いテストを行うには、メッセージに記載されているデモカードの詳細と、将来の有効期限およびCVVを使用できます。

Stripeの支払いをテストするためにデモの詳細を追加する

いくつかのダミー購入が完了したら、Stripeダッシュボードに移動して「支払い」タブをクリックすることで、Stripeが支払いを収集したかどうかを簡単に確認できます。

ここで、テストモードで処理されたすべての支払い詳細を見つけることができます。

Stripeでテスト支払いをチェックする

さて、すべてのテスト支払いが問題なく処理された場合は、WordPressダッシュボードの「Stripe設定」ページに戻ってください。

ここで、「モード」ドロップダウンメニューから「ライブ」オプションを選択して、WordPressで実際のStripe決済の受け付けを開始します。

Stripeの支払いをライブモードで有効にする

方法2:デジタル製品のStripe支払いをテストする

WordPressを使用してオンラインでデジタル製品を販売しており、Stripeの支払いを受け付けたい場合は、Easy Digital Downloads (EDD)プラグインの使用をお勧めします。

eBook、プラグイン、PDFなどのデジタル製品を販売するために使用できます。さらに、Stripeとの統合が組み込まれているため、ストアの支払いシステムを起動する前にStripeの支払いを簡単にテストできます。

私たち自身もプラグインやソフトウェアの販売にEDDを使用しており、非常に満足しています。初心者にも使いやすく、多くの便利な機能が備わっています。詳細については、Easy Digital Downloadsの完全レビューをご覧ください。

まず、Easy Digital Downloadsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するチュートリアルを参照してください。

注: Easy Digital Downloads には無料プランがありますが、プロバージョンにアップグレードすると、高度なレポート、ダウンロード制限、定期支払いなどの機能にアクセスできます。

プラグインを有効にしたら、WordPressダッシュボードからダウンロード » 設定 » 支払いページに移動し、「テストモード」ボックスをチェックしてください。

その後、「アクティブなゲートウェイ」セクションから支払いオプションとしてStripeを選択します。

EDDでテストモードを有効にする

次に、上部から「Stripe」タブに切り替え、「Stripeに接続」ボタンをクリックします。

これによりセットアップウィザードが開き、既存の Stripe アカウントを EDD に接続する必要があります。それが正常に完了したら、「変更を保存」ボタンをクリックして設定を保存してください。

Connect With Stripe ボタンをクリック

次に、「ダウンロード」ページにアクセスし、「新規追加」ボタンをクリックします。

ブロックエディタが開いたら、ストアにデジタル製品を追加できます。

手順については、WordPress でのデジタルダウンロードの販売に関する初心者向けガイドをご覧ください。

最後に、「公開」ボタンをクリックして製品を公開します。

商品ファイルを追加

次に、オンラインストアにアクセスし、チェックアウトページに移動する必要があります。

Stripeはすでにテストモードで支払いゲートウェイとしてセットアップされています。

チェックアウトページに通知が表示される WooCommerce の方法とは異なり、Easy Digital Downloads では、以下に記載されているユニバーサル Stripe テストカード番号を使用する必要があります。

デモカードの詳細を追加して「購入」ボタンをクリックするだけで、支払いプロセスをテストできます。

CVC: 3 桁の任意の数字

カード番号: 4242 4242 4242 4242

有効期限: 将来の日付

Stripeは、実際のお金を使わずに安全に支払いプロセスを確認できるように、これらのテストカード番号を提供しています。

デモカード情報を追加する

最後に、トランザクションが成功した場合、購入確認ページに移動します。

ここでは、「注文ステータス」や「支払い方法」などの購入に関する詳細が表示されます。

購入確認ページのプレビュー

ただし、Stripeアカウントから直接テスト支払いをチェックすることもできます。

これを行うには、Stripeダッシュボードの「支払い」ページにアクセスしてください。

Stripeでテスト支払いをチェックする

支払いのテストが正常に完了したら、ダウンロード » 設定 » 支払いページに戻ります。

「テストモード」のチェックボックスをオフにして、Stripeの支払いシステムをライブにします。最後に、「変更を保存」ボタンをクリックして設定を保存してください。

テストモードのチェックを外す

方法3:WordPressの支払いフォームでStripeの支払いをテストする

WordPress の支払いフォームで Stripe 支払いをテストする必要がありますか? サブスクリプション、サービス、またはオンラインストアの数個の商品を販売している場合に便利です。

まだ使用していない場合は、WP Simple Payをお勧めします。使いやすいビルダー、強力なスパム保護を備えており、複数の支払いオプションに対応しています。製品を販売したり、Stripeの支払いを受け入れたりするためにも使用できます。

このプラグインの機能については、WP Simple Payの完全レビューで詳しく解説しました。単一の商品、サービス、メンバーシップ、サブスクリプションの販売に適していることがわかりました。

追加の利点は、本番稼働前にStripeの支払いテストができることです。

まず、WP Simple Payプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

注: WP Simple Payには、使用できる無料バージョンがあります。ただし、プロプランにアップグレードすると、より多くの支払いオプションとテンプレートが利用できるようになります。

プラグインを有効化すると、画面にセットアップウィザードが開きます。ここで、「開始する」ボタンをクリックします。

WP Simple Payセットアップウィザードが自動的に開始されます

次のステップに進みます。ここでプラグインのライセンスキーを入力できます。

この情報は、WP Simple Payのウェブサイトのアカウントから取得できます。

WP Simple Payライセンスキーの入力を求められます

次に、オンライン決済を受け付けるために、既存のStripeアカウントをプラグインに接続する必要があります。

開始するには、「Stripeで接続」ボタンをクリックしてください。詳細は、WordPressでStripe支払いを受け付ける方法に関するチュートリアルをご覧ください。

Stripeに接続

StripeとWP Simple Payの接続に成功すると、セットアップウィザードでメールの設定を求められます。

ここから、支払い領収書、今後の請求書、支払い通知のメール通知を受信するオプションを有効にできます。

プラグインがこれらのメッセージを送信するメールアドレスも入力してください。次に、「保存して続行」ボタンをクリックします。

WP Simple Payのメールを設定する

次に、設定ウィザードの残りの手順を、お好みに合わせて完了する必要があります。

完了したら、WordPressダッシュボードの「WP Simple Pay » 支払いフォーム」ページに移動し、「支払いフォームを作成」ボタンをクリックします。

支払いフォームを作成ボタンをクリック

ここで、「テンプレートの選択」ページに移動し、WP Simple Pay が提供する既製のテンプレートのリストが表示されます。

サブスクリプション、サービス、単一の商品などを販売するオプションがあります。気に入ったテンプレートが見つかったら、「テンプレートを使用」ボタンをクリックするだけです。

このチュートリアルでは、シンプルな支払いフォームテンプレートを選択します。

支払いフォームのテンプレートを選択

これにより、「新しい支払いフォームを追加」ページに移動します。ここでフォームのタイトルと説明を追加できます。

次に、フォームタイプとして「オンサイト支払いフォーム」を選択できます。

支払いフォームの名前と説明を追加します

次に、左側の列から「支払い」タブに切り替えます。

これで、フォームの「支払いモード」として「テストモード」を選択できます。これにより、WordPressサイトでStripeの支払いテストを行うことができます。

「税金徴収」オプションの下のドロップダウンメニューから、希望する税金徴収率を選択することもできます。

支払いにはテストモードを選択してください

詳細については、WordPressフォームに支払いオプションを追加する方法に関するガイドを参照してください。このガイドでは、カスタマイズと公開について詳しく説明しています。

フォームをサイトのフロントエンドで公開すると、下部に「テストモード」と表示されることに気づくでしょう。

テストモードでの支払いフォームのプレビュー

これは、Stripeの支払いをテストできることを意味します。これを行うには、デモカードの詳細を追加し、「支払う」ボタンをクリックする必要があります。

Stripeの公式ドキュメントで、これらのデモの詳細を見つけました。

  • カード番号: 4242 4242 4242 4242
  • 有効期限: 将来の日付
  • CVC: 3桁の任意の数字

Stripeは、実際のお金を使わずに安全に支払いプロセスを確認できるように、これらのテストカード番号を提供しています。

「支払い」をクリックした後に支払いを受け取ったかどうかを確認するには、Stripeダッシュボードにアクセスしてください。

そこに移動したら、「支払い」タブに切り替えると、取引の成功が表示されます。

Stripeでテスト支払いをチェックする

Stripeの支払いをテストしたので、WP Simple Pay » Payment Formsページに移動してください。

ここで、公開したばかりのフォームの下にある「編集」リンクをクリックする必要があります。

支払いフォームを編集

これによりフォームビルダーが開きます。ここで「支払い」タブに切り替える必要があります。

ここで、支払いモードを「ライブモード」として選択し、「更新」ボタンをクリックして変更を保存します。

支払いフォームをライブモードに切り替える

これで、フォームは顧客からの実際のStripe決済の受け付けを開始します。

ボーナス:WordPressでStripeを使用するためのヒントとリソース

WordPressでStripe決済を受け付けられるようになったので、これらの追加リソースも役立つかもしれません:

Stripeの支払いテストに関するよくある質問

WordPressでStripeの支払いをテストすることについて、読者からよく寄せられる質問をいくつかご紹介します。

Stripeの支払いはどのくらいの頻度でテストすべきですか?

プラグインの更新、テーマの切り替え、または新しい支払い方法の追加など、サイトに大きな変更を加えるたびに、Stripeの支払いをテストする必要があります。

すべてがスムーズに機能していることを確認するために、定期的にテストすることも良い考えです。

例えば、数ヶ月に一度、またはブラックフライデーのような大規模なセールイベントの前に、簡単なテストを実行したい場合があります。

定期的なテストにより、チェックアウトプロセスが安全かつ機能的であることを保証し、顧客に手間のかからない体験を提供します。

テストトランザクションが失敗した場合はどうすればよいですか?

テストトランザクションが失敗した場合は、まずStripe連携がまだテストモードになっていることを再確認してください。次に、入力したデモカードの詳細(有効期限とCVVを含む)を確認します。

詳細が正しい場合は、Stripeからのエラーメッセージを確認して問題を特定してください。問題は設定やプラグインの競合に関連している可能性があるため、すべてが更新され、適切に構成されていることを確認してください。

ただし、それでも問題が解決しない場合は、Stripeサポートチームに連絡して問題を解決してもらうことができます。

Stripeの支払いをテストするために、実際​​のクレジットカード情報を使用できますか?

いいえ、Stripeの支払いテストに実際のクレジットカード情報を入力しないでください。

代わりに、Stripeはテスト用に特別に用意されたデモカード情報を提供しており、実際のお金を使用せずに実際のトランザクションをシミュレートします。

これにより、不正請求のリスクや顧客への影響なく、安全に支払いシステムをテストできます。実際の支払いを処理しないように、常にテストモードになっていることを確認してください。

実際の取引に影響を与えることなく、本番サイトで支払いをテストできますか?

はい、Stripeのテストモードを使用することで、実際のトランザクションに影響を与えることなく、ライブサイトで支払いをテストできます。

このモードが有効になっている場合、すべての支払いはシミュレートされ、実際のお金が請求されたり、顧客に影響を与えたりすることはありません。Stripeがテストモードになっていることを確認し、提供されているデモカードの詳細を使用してテストトランザクションを実行してください。

Stripeでサブスクリプションと定期的な支払いをテストできますか?

はい、Stripeでサブスクリプションと定期的な支払いをテストできます。

テストモードでは、サブスクリプションプランを設定し、定期的な支払いをシミュレートして、すべてが正しく機能することを確認できます。Stripeを使用すると、実際のトランザクションに影響を与えることなく、請求サイクルや支払い再試行などのさまざまなサブスクリプションシナリオをテストできます。

これにより、ライブにする前にサブスクリプションシステムが正しく設定されていることを簡単に確認できます。

この記事が、WordPressサイトでStripeの支払いテストを行う方法を学ぶのに役立ったことを願っています。また、ACH支払いの受け入れに関するチュートリアルや、WordPressでのiDEAL支払いの受け入れに関するガイドも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。