説明

AForms — Form Builder for Price Calculator & Cost Estimationは注文カスタマイズや料金シミュレーションのフォームが作れるフォームビルダーです。お問い合わせフォームも作れます。
SCSSでデザインカスタマイズを、iniファイルで文言カスタマイズをできますので、フォームを迅速にあなたのサイトに統合できます。

特徴一覧

• 42KB（gzipなし）のjavascriptプログラム。違和感ゼロのロード
• 100%レスポンシブ・モバイルフレンドリー
• ブラウザサポート：Chrome、Firefox、Edge、IE11、iOS Safari、Android Chrome
• ウィザード形式と（文書内の）フロー形式のナビゲーション
• リアルタイムの見積表示
• インスタントバリデーション（リアルタイムバリデーション）
• オンラインフォームビルダー
• 「ラベリングロジック」で分かりやすい条件分岐
• 柔軟な税の取り扱い（内税・外税、税率、端数処理）
• 確認画面に対応
• サンキューメール、通知メール

デモ

• デモ1 — ウィザード形式のBTO-PCオンライン注文
• Demo2 — Humberger Shop Price Estimation (no submission)
• デモ3 — コンタクトフォーム（見積なし）

日本の方向け

• デモ1 — BTO-PCオンライン注文ウィザード
• デモ2 — ピザ屋の料金見積（申込なし）
• デモ3 — コンタクトフォーム（見積なし）

カスタマイズ

AFormsには適切なスタイルと文言が同梱されていて、それを使うことはまったく問題ありません。
ですが、サイトのデザインは世界に1つだけですから、フォームもそうあるべきです。
AFormsは下記のように簡単にカスタマイズできます。

文言のカスタマイズ

AFormsの設定ファイル（aforms.ini）をテーマフォルダーかAFormsのプラグインフォルダーに設置してください。
設定ファイルの中に、文言を” = “の形式で書くと、それが反映されます。
フォームで使われる文言はすべて設定ファイルでカスタマイズできます。

デザインのカスタマイズ

scssソースがプラグインに同梱されていますので、それを修正するのがおすすめです。
個々のフォーム部品は SCSS で独立して定義されていますので、部分的な変更は簡単です。
修正した SCSS ファイルを CSS にまとめたら、それをテーマフォルダーに置いてください。
最後に、CSS ファイルのパスを AForms の設定ファイル（aforms.ini）に記載してください。

サポート

You can find some guides on AForm’s official website.
If you have any problems or feature requests for this plugin, also requests for installation or customization, please feel free to contact us.