AForms — Form Builder for Price Calculator & Cost Estimation

Description

AForms — Form Builder for Price Calculator & Cost Estimation is a form builder that allows you to create order customization forms and price simulation forms. You can also build contact forms.
You can customize the form styles via SCSS and the wording via ini file, so you can integrate forms into your site straightforwardly.

Feature List

  • 42KB (no gzip) JavaScript program. Loaded with no-slowness
  • 100% Responsive & mobile friendly
  • Browsers support: Chrome, Firefox, Edge, IE11, iOS Safari, Android Chrome
  • Wizard-style navigation and flow-style (in-document-style) navigation
  • Realtime estimation display
  • Instant validation (Realtime validation)
  • Online form builder
  • Intuitive conditional logic by “Labelling Logic”
  • Flexible tax treatment (tax-inclusion, tax rate, fraction processing)
  • Supports confirmation screen
  • Thank-you mails & notification mails

Demo

  • Demo1 — BTO-PC Online Order Wizard
  • Demo2 — Humberger Shop Price Estimation (no submission)
  • Demo3 — Contact Form (no estimation)

For japanese speakers

  • Demo1 — BTO-PC Online Order Wizard
  • Demo2 — Humberger Shop Price Estimation (no submission)
  • Demo3 — Contact Form (no estimation)

Customization

AForms comes with the right style and wording, and using it is perfectly fine.
But the design of your site is only one in the world, so the form should be.
You can customize AFroms easily as follows.

Customizing Wording

Place the AForms’ configuration file (aforms.ini) 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.

Customizing Styles

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.ini).

Support

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.

Screenshots

  • Form Settings at admin page
  • Form List at admin page
  • "General" tab of form editor at admin
  • "Details" tab of form editor
  • "Attributes" tab of form editor
  • "Mail" tab of form editor
  • Order List

Contributors & Developers

“AForms — Form Builder for Price Calculator & Cost Estimation” is open source software. The following people have contributed to this plugin.

Contributors

“AForms — Form Builder for Price Calculator & Cost Estimation” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “AForms — Form Builder for Price Calculator & Cost Estimation” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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

  • Update documentation.
  • Add icon and banner.

1.0.0

  • First release.