2026年7月16日

2026年7月16日

WP Simple PayでStripe決済フォームを作る方法|接続・テスト・本番切り替え

WP Simple Pay は、WordPress に Stripe の決済フォームを置くためのプラグインです。WooCommerce のようなネットショップの仕組みを入れずに、「この商品を1つ買う」「この金額を支払う」といった単純な支払いをページに置けます。

この記事では、WordPress.org で配布されている無料版(プラグイン名「Stripe Payment Forms by WP Simple Pay」、管理画面では「WP Simple Pay Lite」、2026年10月時点の最新版は 4.17 系)を使い、WordPress 7.1 の日本語の管理画面で手順を確かめています。設定の流れは WP Simple Pay の公式ドキュメントに沿っています。

始める前に確かめること

  • Stripe のアカウント: 接続の途中で作成することもできます。本番で支払いを受け付けるには、Stripe 側で事業者情報や本人確認の登録を済ませる必要があります。
  • サイトが HTTPS で表示されること: 支払いページは HTTPS で表示します(WordPressをHTTPSに移行する方法)。
  • 手数料: Stripe の決済手数料に加えて、Lite 版では WP Simple Pay の手数料として取引ごとに3%がかかります(プラグインの説明と管理画面の表示による)。有料の Pro 版にするとこの追加手数料はかかりません。Stripe の手数料は Stripe の料金ページで確かめてください。
  • Lite 版でできること: 1回限りの支払いと定期支払い(サブスクリプション)のフォームを作れます。支払いは Stripe の決済ページ(Stripe Checkout)に移動して行う形です。サイト内に直接カード入力欄を置くフォーム、クーポン、税率の管理、WordPress からの返金などは Pro 版の機能です。
  • 日本で販売する場合: 通信販売として商品やサービスを売るときは、特定商取引法に基づく表記のページを用意します。

1. プラグインを入れて Stripe と接続する

  1. 管理画面の「プラグイン」→「プラグインを追加」で WP Simple Pay を検索し、「Stripe Payment Forms by WP Simple Pay」をインストールして有効化します。
  2. 管理画面の「WP Simple Pay」→「設定」を開き、「Stripe」の「アカウント」を表示します。
  3. 「Stripe と接続する」ボタンを押します。Stripe のサイトに移動するので、既存のアカウントでログインするか、新しく作成して接続を許可します。
  4. WordPress の画面に戻り、接続済みと表示されることを確かめます。

WP Simple Pay は Stripe Connect という仕組みで接続するため、Stripe の公開可能キーやシークレットキーを手で貼り付ける必要はありません。

Stripe のアカウント登録画面で、入力を省いて進む「Skip this form」を使わないでください。 公式ドキュメントでは、これを選ぶと一時的な Stripe アカウントが作られ、そのアカウントは復元も本番モードへの移行もできないと注意されています。

インストール直後はテストモードになっており、実際のお金は動きません。フォームの準備とテストが終わるまで、テストモードのまま進めます。

2. 支払いフォームを作る

  1. 「WP Simple Pay」→「新規支払いフォームを追加」を開きます。用意されたひな形から選ぶこともできます。
  2. フォームのタイトル、支払う内容(金額、通貨、1回限りか定期支払いか)などを設定します。
  3. 保存(公開)します。

支払いが終わった後に表示する「支払い成功ページ」と「支払い失敗ページ」は、「WP Simple Pay」→「設定」の「支払い確認」→「ページ」で確かめられます。

3. フォームをページに置く

作ったフォームは、次のどちらかの方法でページや投稿に置きます。

  • ブロックで置く: ブロックエディターで「WP Simple Pay - 支払いフォーム」ブロックを追加し、作ったフォームを選びます。
  • ショートコードで置く: 「WP Simple Pay」→「支払いフォーム」の一覧に、フォームごとのショートコードが表示されます。これをショートコードブロックなどに貼り付けます。形式は次のとおりで、数字はフォームの ID です。
[simpay id="123"]

4. テストモードで支払いを試す

テストモードでは、Stripe が公開しているテスト用のカード番号で支払いを試せます。よく使われるのは次の値です。

項目 入力する値
カード番号 4242 4242 4242 4242
有効期限 未来の任意の年月
セキュリティコード 任意の3桁

フォームを置いたページをログアウトした状態で開き、支払いボタンから Stripe の決済ページに進んで支払いを完了させます。次の点を確かめます。

  • 支払い後に「支払い成功ページ」が表示されるか
  • Stripe のダッシュボードをテストモードに切り替えたとき、その支払いが記録されているか(WP Simple Pay の画面でも、テスト取引は Stripe のダッシュボードをテストモードにして見るよう案内されます)
  • 金額と通貨が意図どおりか

5. 本番モードに切り替える

テストが終わったら、公式ドキュメントの手順で本番に切り替えます。

  1. Stripe 側で、本番の支払いを受け付けるための登録(事業者情報・本人確認・入金先の口座など)を済ませます。
  2. 「WP Simple Pay」→「設定」の「Stripe」→「アカウント」で、「支払いモード」を「本番モード」にして保存します。
  3. 本番モードで Stripe との接続をもう一度行い、本番モードで接続済みと表示されることを確かめます。
  4. フォームには、フォームごとの「支払いモード」もあります(フォームの編集画面の「支払い」の設定)。テストモードのまま残っているフォームが無いかを確かめます。
  5. 本番の支払いを置いたページを開き、表示や移動先が正しいかを確かめます。

運用の注意

  • Stripe のアカウントを守る: Stripe のダッシュボードには売上や顧客の情報が集まります。2段階認証を有効にし、ログインできる人を限ります。
  • プラグインを更新する: 決済にかかわるプラグインは、セキュリティの修正を含む更新を早めに適用します。
  • 返金やキャンセルの方法を決めておく: Lite 版では WordPress の画面から返金できないため、Stripe のダッシュボードで行います。
  • WordPress の管理者アカウントも守る: 管理画面に入られるとフォームの金額や接続先を変えられてしまいます。強いパスワードと2段階認証を使います。

まとめ

  • WP Simple Pay(Lite)は Stripe Connect で接続し、API キーを手で入力する必要はない。Lite 版は Stripe の手数料に加えて取引ごとに3%の追加手数料がかかる
  • 接続は「WP Simple Pay」→「設定」→「Stripe」→「アカウント」の「Stripe と接続する」から行い、一時アカウントになる「Skip this form」は使わない
  • フォームは「新規支払いフォームを追加」で作り、ブロックかショートコードでページに置く
  • テストモードとテスト用カードで支払いの流れを確かめてから、「支払いモード」を「本番モード」にして本番モードで接続し直す
  • 日本で販売する場合は、特定商取引法に基づく表記も用意する

関連記事

お気軽にご相談ください

お見積りへ お問い合わせへ
▲