Simple PAY.JP Paymentは、PAY.JPを利用したクレジットカード決済フォームをあなたのウェブサイトに設置することができるWordPressプラグインです。

Simple PAY.JP Paymentを使うと、プログラミング不要、ショートコードでPAY.JPを利用したクレジットカード決済機能をサイトに追加することができます。

Simple PAY.JP Paymentを使用するにはPAY.JPへの申し込みが必要です。

インストール

  1. WordPressの管理画面から [プラグイン] – [新規追加] を開きます
  2. “Simple PAY.JP Payment” を検索し、インストールと有効化を行います

使い方

  1. WordPressの管理画面から [設定] – [Simple PAY.JP Payment] を開きます
  2. PAY.JPの管理画面で [API] からAPIキーを確認し、テスト秘密鍵、テスト公開鍵、本番秘密鍵、本番公開鍵を入力します
    PAY.JPの管理画面
  3. 本番運用する場合は、[本番運用する] にチェックを入れます。
    チェックを入れると本番鍵が、外すとテスト鍵が使用されます。まずは、チェックなしでテストしましょう。
  4. 決済フォームを表示したい位置に、下記のショートコードを設置します。
[simple-payjp-payment amount=50 form-id="product-a0"]

amount パラメータ

amount には決済の金額を指定します。
通貨は日本円のみに対応しています。

上の例では 50円が決済されます。

amount パラメータは、必須です。
amount パラメータを指定しない場合、エラーとなりフォームは表示されません。

form-id パラメータ

form-id には、決済フォームを識別するための任意のIDを指定します。
どの商品に対する決済かわかるように、製品IDなどを指定するとよいでしょう。

form-id パラメータは、必須です。
form-id パラメータを指定しない場合、エラーとなりフォームは表示されません。

name パラメータ

name は、指名入力欄を表示させるかどうかを指定します。

  • yes: 表示する (デフォルト)
  • no: 表示しない

name パラメータは、オプションです。指定しない場合はデフォルト値が使用されます。

result-ok パラメータ

result-ok には、決済成功時に表示させたいページの URL を指定します。
決済完了メッセージをカスタマイズしたい場合に指定します。

result-ng パラメータ

result-ng には、決済失敗後に表示させたいページの URL を指定します。
決済完了メッセージをカスタマイズしたい場合に指定します。

フォームの例。
決済フォーム以外の商品情報は、通常のWordPress投稿の作成方法と同じです。

<img src="https://it-soudan.com/img/cd_4_angle-300x300.jpg" alt="" width="300" height="300" class="alignnone size-medium wp-image-156">

商品アイテムA: 2,000円

[simple-payjp-payment amount=2000 form-id="cd4" name='no' result-ok="https://it-soudan.com/simple-pay-jp-payment-ok" result-ng="https://it-soudan.com/simple-pay-jp-payment-ng"]

表示イメージ。

Simple PAY.JP Paymentで作成した決済フォーム

決済の流れ

決済フォームを設置すると、ユーザー(購入者)視点では、次のような流れで決済が行われます。

1. 商品ページを開く

決済フォームが表示されます。

Simple PAY.JP Paymentの決済の流れ

2. E-mailアドレスを入力する

購入者のE-mailアドレスを入力します。

Simple PAY.JP Paymentの決済の流れ

3. 支払う

[カードで支払う]ボタンをクリックします。

Simple PAY.JP Paymentの決済の流れ

支払い情報入力画面が表示されるので、クレジットカード情報を入力します。

Simple PAY.JP Paymentの決済の流れ

4. 支払い完了

決済が正常に完了すると、成功メッセージが表示されます。

Simple PAY.JP Paymentの決済の流れ

ウェブサイトの管理者(販売者)は、PAY.JPの管理画面で、決済内容を確認することができます。

Simple PAY.JP Paymentの決済の流れ

ショートコードを設置するときに指定したform-idと、購入者が入力したE-mailアドレスは、売上詳細のメモ欄で確認できます。

Simple PAY.JP Paymentの決済の流れ

WordPress.org 公式ディレクトリへのリンク

Simple PAY.JP Paymentの公式ディレクトリ