本番環境でWordPress　+ WooCommerceでショッピングサイトを立ち上げて、決済システムとしてStripe(新しいタブで開く)を実際に使うためには、テスト環境用のAPIキーを本番環境用のAPIキーに変更する必要があります。今回の記事ではその方法をご紹介します。

テスト用APIキーの確認

まずStripeのダッシュボードにログインしてテスト環境用のAPIキーを確認しましょう。”APIキー”の表示のところにテストデータと表示がされます。この状態では、本番環境でのStripeによる決済はできません。

ちなみにこの”テストデータ”が表示されているときは、WooCommerceの管理画面で表示されるStripeのAPIキーの欄も「テスト用」として表示されます。

本番環境用へ切りかえる方法

実際にStripeによる決済を可能にするためには、まず本番環境利用の申請をクリックします。

銀行口座の情報など必要事項の入力

すると、本番環境での利用申請の画面が表示されますので、スクロールしながら関連するURLや住所・名前・電話番号・クレジットカード利用明細で表記される請求名などの必要事項を入力します。

最後にStripeで決済が完了した後に入金される銀行口座の情報を入力して、アクティベートをクリックします。

銀行口座での入力が完了すると、このような表示がされます。入力した内容に間違いがなければ、「アカウントをアクティベート」のボタンをクリックします。

本番用アカウントの表示確認

するとそれまでUnnamed Accountだった表記の箇所が、そのStripeに関連づけられたURLがアカウントとして表示されるようになります。

WordPressで本番環境用キーの入力

これまでの作業でStripeのダッシュボードでテスト環境から本番環境に切り替えることができました。次に本番環境用のAPIキーをWordPressのStripe設定画面に入力して、実際にWordPressで決済ができるようにします。

本番用APIキーのコピペ

まず本番環境用のダッシュボードでAPIキーをクリックします。

APIキーを確認すると”live”という文字列が入っているAPIキーが表示されています。これらの2つのキーをエディタソフトなどにコピペしておきます。

WordPressダッシュボード内で本番用APIのコピペ

WordPressのダッシュボードに戻って、WooCommerce → 設定 → クレジットカードへ進むとStripeの設定画面が表示されます。その中に、「ライブ公開可能な鍵」と「ライブ秘密鍵」の入力欄があります。その中に先ほどコピペした2つのキーを入力し、「変更を保存」をクリックします。

それぞれのキーの入力が完了すると、Stripeの設定画面上部に以下のような表示がされ、WordPress + WooCommerce内でのStripeによる決済が可能となります。

Apple Payによる決済について

もし支払いにApple Payを加えたいときは、Stripeの設定で「Apple Pay を有効にします」にチェックしましょう。