HPの通販フォーム
青霄宮(HP)の通販フォームを刷新しました。合計金額の自動計算ができるようになりました。
導入したのは【AForms】というプラグイン。【welcart】で在庫管理もする…のも考えましたが、ピクスペと分割してる時点であまり意味ないので、欲しい本と自動計算で合計金額が送れるだけでいいや！とこれにしました。【Contact Form 7】のアドオンで計算式入れられるプラグインは更新されてないし。クレジット決済可能とか複雑化する気もなかったので。
以下やったこと。
WordPressプラグイン
【A Forms - Form Builder for Price Calculator & Cost Estimation】
https://a-forms.com/ja/
インストールするとメニューの「外観」より上に「フォーム」が追加されます。送信されたデータはここの「注文」で見られます。
簡易的な18禁確認もこちらのプラグインで可能だったので、HPからの申込フォームが一本化しました。
動作としては、【選択項目】を「年齢確認」「ジャンル」「送付方法」にして、
18禁対応は「年齢確認」で「18歳以上」の選択肢を選ぶと「ジャンル」内の18禁頒布物がアクティブになります(最初は選べない)。
「ジャンル」内の選択肢(頒布物)を選ぶと「送付方法」がアクティブになります。本を選ばず送付方法だけ選べても意味ないので。
これらを【ラベル】で操作しています。選択肢「18歳以上」にラベルAを作り、18禁本の【必要ラベル】にラベルAを記入するというカンジです。頒布物にもラベルBを作り、「送付方法」の選択肢の【必要ラベル】にラベルBを記入しています。
頒布物はジャンルごとに分けた方が探しやすいので複数ジャンルを作って管理しています。なので実際の選択項目は「年齢確認」「ジャンル1」「ジャンル2」「ジャンル3」…「送付方法」となっています。
お客様情報入力の方に「18際以上確認チェックボックス」も入れて、再確認＆メールへの明記をしています。
表示としては本の表紙だけ、説明文も簡単に。なので、じっくり中身を吟味して選ぶカンジではないです。詳細内容は発行物案内とかピクスペを見てね、という、メールフォームをちょっと格上げしただけな作りです。