カートに入れる から 決済完了 まで

このサンプルは https://shop.ful.jp/ (オンラインショップサンプル)で作りました。

通常の商品の場合(非会員)

カートに商品を入れる

通常商品をカートに入れる
今回は「一般サンプル商品」という定期課金ではないものをカートに入れます。
ちなみにログインしていない状態です。

商品詳細画面から

通常商品 詳細
「カートに入れる」を押します。

すぐに決済しようと思うので「次へ」を押します。

通常商品 カート 中身

とりあえず会員登録せずに「次へ」を押します。

顧客情報入力

決済方法をクレジット決済にします。「次へ」

決済方法 入力画面
※ここに出ている支払方法はすべての場合わけをした結果になります。定期課金等が支払方法に存在しても利用できない場合は出てきません。
※この場合(非会員で通常商品)は「クレジット決済」一択となるわけです。(銀行や代引きは除く)

WebPayの決済はチェックアウトヘルパーというものを利用していますのでサイト上をお客様のカード情報がそのまま流れることはありません。

WebPay 決済
プラグインの内部ではWebPayより戻ってきたトークンというものを利用し決済を完了させます。

テスト環境なので使えるカード番号を入れてます。

WebPay サンプルカード入力
※テストで使える覚えやすいカード情報 4242424242424242 VISA、 5555555555554444 Master

晴れて購入完了でございます。

WebPayで決済して購入完了

サンクスメールがきます

通常商品 購入完了 サンクスメール

お支払方法の欄に「クレジット決済」という設定した支払方法名だけでなく
クレジットカードのタイプ(ブランド)とカードの下4桁を入れています。
これはプラグインの標準機能です。フックを入れてもっと違う表示も可能にしています。

さて、会員登録した後の一度目の決済はこれと同様ですが、2回目・・・どうなるのか・・

この記事が気に入ったら
いいね ! しよう

Twitter で