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

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

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

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

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

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

💡クイックアンサー:Stripe決済をテストする3つの方法

特定のウェブサイトに最適な方法をお探しの場合、これから説明するオプションの簡単な内訳を以下に示します。

  • 方法1:WooCommerce。 FunnelKit Stripeプラグインの使用をお勧めします。このプラグインは、ゲートウェイをストアに追加し、ワンクリックでテスト決済を実行できます。
  • 方法2:Easy Digital Downloads。 eBook、ソフトウェア、音楽などのデジタルファイルを販売するのに最適です。組み込みのテストモードがあります。
  • 方法3:WP Simple Pay。 簡単なフォーム(サービス、寄付、または単一製品)を介してStripe決済を受け付けるのに最適です。組み込みのテストモードがあります。

Stripe決済をテストする理由

Stripe決済をテストすべき理由は、実際のお金を受け取る前にチェックアウトプロセスが正しく機能することを確認する最善の方法だからです。

これにより、セットアップエラーを早期に発見して修正できるため、売上を失ったり、壊れたオンラインストアで評判を損なったりすることがありません。すべてが正しく接続されていることを確認するために、常にいくつかのテストトランザクションを実行することをお勧めします。

これを行うことで、次のことができます。

  • 接続(統合)を確認する: WordPressサイトがStripeと正常に通信していることを確認します。
  • ユーザーエクスペリエンスを向上させる: お客様がチェックアウト時に何を見ているかを正確に把握し、プロセスが簡単でエラーがないことを確認します。
  • さまざまなシナリオをテストする: 支払い成功、カード拒否、無効な入力などをシミュレートして、サイトがエラーをどのように処理するかを確認できます。
  • 自動送信メールを確認する: 購入レシートや注文確認メールが顧客に即座に送信されていることを確認してください。

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

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

  • まだStripeアカウントをお持ちでない場合は、まず作成することをお勧めします。
  • Stripeは決済処理業者ですが、各方法で使用するプラグインは、ライブストアで使用する完全なeコマースツールです。
  • 各方法には「テストモード」がありますが、訪問者から決済オプションを隠すわけではありません。これらのテストは、サイト全体が公開される前に実行してください。または、サイトがすでに公開されている場合は、まずステージングサイトでStripeをテストできます。

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

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

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

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

FunnelKit Stripe Gatewayは、手動のAPIキーを入力する必要なく、ストアでクレジットカードを受け付けるためのシンプルで安全な方法を提供します。これは、最高のWooCommerceチェックアウトおよびマーケティング自動化プラグインであるFunnelKitのチームによって提供されています。

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が支払いオプションとして追加されていることに気づくでしょう。

また、サイトでテストモードが現在有効になっていることを知らせるメッセージが表示されます。支払いをテストするには、次のデモカードの詳細を使用してください:

  • CVC: 任意の3桁
  • カード番号: 4242 4242 4242 4242
  • 有効期限: 将来の日付であれば任意
Stripeの支払いをテストするためにデモの詳細を追加する

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

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

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

💡専門家のアドバイス: 購入のテストだけでなく、Stripeダッシュボードからテスト注文を返金して、注文のライフサイクル全体が正しく機能することを確認してください。

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

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

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

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

オンラインでデジタル製品を販売し、Stripeでの支払いを受け付けたい場合は、Easy Digital Downloadsの使用をお勧めします。これはWordPress向けの最高のデジタルeコマースプラグインであり、専用のテストモードを提供しています。

Easy Digital Downloadsを他のソリューションと比較するために徹底的にテストしました。私たちの経験について詳しく知りたい場合は、完全なEasy Digital Downloadsレビューをご覧ください。

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

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

プラグインを有効化したら、WordPressダッシュボードからDownloads » Settings » Paymentsページに移動し、「Test Mode」ボックスにチェックを入れてください。

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

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

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

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

Connect With Stripe ボタンをクリック

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

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

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

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

商品ファイルを追加

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

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

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

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

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

Stripeはこれらのテストカード番号を提供しており、実際のお金を使わずに安全に支払いプロセスを確認できます。より高度なテストのために、Stripeのドキュメントにある特定のカードを使用して失敗をシミュレートすることもできます。

例えば、カードが拒否されたシナリオをテストするには、4000 0000 0000 0002を使用してください。

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

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

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

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

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

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

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

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

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

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

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

WP Simple PayはWordPress向けの最高のStripe支払いプラグインです。フルショッピングカートを必要とせずに、シンプルなフォームを通じてサービスや単一製品の支払いを受け付けることができます。

WP Simple Payを他のオプションと比較してそのパフォーマンスを確認するために徹底的にテストしました。私たちの経験について詳しく知りたい場合は、完全な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は、実際のお金を使わずに安全に支払いプロセスを確認できるように、これらのテストカード番号を提供しています。

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

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

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

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

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

支払いフォームを編集

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

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

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

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

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

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

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

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

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

プラグインの更新、テーマの切り替え、新しい支払い方法の追加など、サイトに大きな変更を加えたときはいつでもStripeの支払いをテストする必要があります。また、チェックアウトプロセスが安全で機能的であることを確認するために、例えば数ヶ月ごと、または主要なセールイベントの前などに定期的にテストすることも良い考えです。

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

テストトランザクションが失敗した場合、まずStripeインテグレーションがテストモードになっていることを確認し、デモカードの詳細を確認してください。問題を特定するために、Stripeからの特定の СМСメッセージを確認してください。問題が続く場合は、設定の競合やプラグインの問題を調査し、すべてが更新されていることを確認してください。支援のためにStripeサポートチームに連絡することもできます。

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

いいえ、Stripeの支払いをテストするために実際のクレジットカードの詳細を使用しないでください。Stripeは、実際のお金を使用せずに実際のトランザクションをシミュレートする、テスト専用のデモカードの詳細を提供しています。これにより、請求のリスクなしに安全にシステムをテストできます。

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

はい、Stripeのテストモードを使用することで、実際のトランザクションに影響を与えることなく、ライブサイトで支払いをテストできます。このモードが有効になっている場合、すべての支払いはシミュレートされ、実際のお金が請求されたり、顧客に影響を与えたりすることはありません。

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

はい、Stripeでサブスクリプションと定期的な支払いをテストできます。テストモードでは、サブスクリプションプランを設定し、ローンチ前にすべてが正しく機能することを確認するために定期的な支払いをシミュレートできます。

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

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

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

究極のWordPressツールキット

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

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

コメント

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

返信する

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