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.

スクリーンショット

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

評価

2020年1月6日
ワードプレス(WordPress)のサイトに プログラミングやデザインの知識がなくても、 無料で簡単にカスタマイズオーダー機能を加えられるプラグインです。 他にもカスタマイズオーダー機能を追加できるプラグインがありますが、 こちらの優れた点として開発元が日本であり、 はじめから日本で好まれるWEBデザインが組み込まれている為、 プラグインを入れるだけですぐに消費者にサービスを提供できる点です。 全般的に非常にデザイン、機能性が優れています。 同じサービスを数十万円で提供している他社(非WordPress系)もある中で このクオリティのものを無料で提供していることに驚きます。 というか、本当に大丈夫なの? と心配になります。 折角いいプラグインなので、なるべくたくさんの方に使っていただき、 サービスを存続していただきたく思って、レビューを投稿しました。 これからのECはパッケージ製品を売るのではなく、消費者の細かい要望を 組み込んでいくことが大事な時代になると思います。 そんな中で日本国内からこのような優れたプラグインが出てきたのは 非常に英語が苦手な日本人の私からすると有難いことです。 ぜひWORDPRESSでカスタムオーダーを受けたいと思っている方は、 こちらを使ってください。
1件のレビューをすべて表示

貢献者と開発者

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.5

  • Add Multiple-Checkbox component

1.2.4

  • Replace PriceChecker with PriceWatcher, which supports range specification
  • Fix some minor bugs

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

  • 最初のリリース。