説明

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 — コンタクトフォーム（見積なし）

Localizations

AForms supports the following languages. Thank you, those who translated.

• Japanese (ja) – vividcolors, inc.
• Slovak (sk_SK) – Marek Duda
• Polish (pl_PL) – Michal Zielinski

カスタマイズ

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

文言のカスタマイズ

Place the AForms’ configuration file (aforms.toml) in the theme folder or the AForms’ plugin folder.
Write wording in the format of “key = value” in the setting file, then it will be reflected.
All wording used in the form can be customized in the configuration file.

デザインのカスタマイズ

The scss source is bundled with this plugin, so it is recommended to modify this.
Since each form component is defined indepedently in SCSS, it is easy to make partial changes.
Once the modified SCSS file is bundled into CSS, place it in your theme folder.
Finally, write the CSS file path in the AForms configuration file (aforms.toml).

サポート

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.