ハピタス登録で1,000円分になるURL
A商品の決済画面まで作る
こんな感じのとこまで作る。もち決済機能(クレカ)も動く。
このサイトのそのまま進める。
Forminatorプラグインをインストールした直後の状態。左メニュー下から3つ目の設定をクリック。
STRIPEと連携をクリック。
Stripeの管理画面に行ってキーをコピる。
Forminatorに戻ってテスト用キーの欄を埋めた。
Stripe右上のテスト環境のポチを外して本番環境にしてから右真ん中からキーをコピる。
もっかいForminatorに戻って、下二つ(ライブ公開キーとシークレットキー)も埋める。
こうなる。
フォームを作っていく
左下メニューからフォームに進む。
もう一度HTMLを挿入。
Coffee Beans と HTML が縦に並んでいるのを
HTMLをドラッグして右に置く。
Stripeも追加しちゃうけど
とりあえず右上のバツで閉じておく。
Stripe設定
ラベルタブ
設定タブ
購入ボタン(submit)を作る
submitボタンの名前を「今すぐ購入する」にして適用→下書き保存
今すぐ購入するボタンの色を真っ赤にしたい。
外観(Appearance)に行って
画面下の色(Color)→カスタム→送信ボタン(Submit Button)
ビヘイビア(動作)の設定
注文をもらったあとに「通常の発送は2日以内です」とかメールする動作を設定する。
メール通知設定
公開状態にしてみる
商品販売ページを作る
新規固定ページを作成。
プラスボタンから「フォーム」で検索するとForminatorで作ったフォームが選択できる。
購入してみる。
テスト用のクレジットカード
今すぐ購入するをポチ。
おお!動いた。
Stripeの画面を見てみる
素晴らしい!売上がちゃんと立っている!
アドレスバーに日本語が入っているのが許せん
ヨシ。
次はコレ試したい。