AForms — Form Builder for Price Calculator & Cost Estimation

説明

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.

スクリーンショット

  • 管理画面のフォームの設定
  • 管理画面のフォーム一覧
  • 管理画面のフォームエディターの「全般」タブ
  • フォームエディターの「明細」タブ
  • フォームエディターの「お客様の属性」タブ
  • フォームエディターの「メール」タブ
  • 注文一覧

貢献者と開発者

AForms — Form Builder for Price Calculator & Cost Estimation はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“AForms — Form Builder for Price Calculator & Cost Estimation” は1ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“AForms — Form Builder for Price Calculator & Cost Estimation” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.2.3

  • Support ini-for-each-form
  • Improve default style
  • Support “optional” badge
  • Support Hiragana/Katakana input on Name Component
  • Fix some minor bugs

1.2.2

  • Add Address complement (by YubinBango) functionality
  • Improve thank-you mail
  • Improve default style
  • Improve behaviors around scrolling
  • Fix some minor bugs

1.2.1

  • Fix a bug on deleting Quantity item
  • Support incomplete ini files

1.2.0

  • Change icons
  • Add initial value for Checkbox and RadioButton
  • Add Dropdown
  • Add reCAPTCHA v3

1.1.0

  • Fix some bugs.
  • Improve builtin style.
  • Add Quantity component.

1.0.1

  • 文書を更新
  • アイコンとバナー画像を追加

1.0.0

  • 最初のリリース。