min117の日記

初期desireもち。趣味Mac,メインFedora,仕事xp。

ForminatorプラグインをWordPressに設置してStripe決済のテスト

ハピタス登録で1,000円分になるURL

その買うを、もっとハッピーに。|ハピタス

 

 

A商品の決済画面まで作る

こんな感じのとこまで作る。もち決済機能(クレカ)も動く。

 

このサイトのそのまま進める。

www.youtube.com

 

Forminatorプラグインをインストールした直後の状態。左メニュー下から3つ目設定をクリック

STRIPEと連携をクリック。

 

Stripeの管理画面に行ってキーをコピる。

 

Forminatorに戻ってテスト用キーの欄を埋めた。

 

Stripe右上のテスト環境のポチを外し本番環境にしてから右真ん中からキーをコピる

もっかいForminatorに戻って、下二つ(ライブ公開キーとシークレットキー)も埋める。

 

こうなる。

 

フォームを作っていく

左下メニューからフォームに進む。

もう一度HTMLを挿入。

 

Coffee Beans と HTML が縦に並んでいるのを

HTMLをドラッグして右に置く。

Stripeも追加しちゃうけど

とりあえず右上のバツで閉じておく。

Stripe設定

ラベルタブ

設定タブ

購入ボタン(submit)を作る

submitボタンの名前を「今すぐ購入する」にして適用→下書き保存

今すぐ購入するボタンの色を真っ赤にしたい。

外観(Appearance)に行って

画面下の色(Color)→カスタム→送信ボタン(Submit Button)

ビヘイビア(動作)の設定

注文をもらったあとに「通常の発送は2日以内です」とかメールする動作を設定する。

メール通知設定

公開状態にしてみる

商品販売ページを作る

新規固定ページを作成。

プラスボタンから「フォーム」で検索するとForminatorで作ったフォームが選択できる

購入してみる。

テスト用のクレジットカード

stripe.com

 

今すぐ購入するをポチ。

おお!動いた。

 

Stripeの画面を見てみる

素晴らしい!売上がちゃんと立っている!

アドレスバーに日本語が入っているのが許せん

ヨシ。

 

次はコレ試したい。

takkublog.net

takkublog.net