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)

Localizations

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

• Japanese (ja) – vividcolors, inc.
• Slovak (sk_SK) – Marek Duda

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

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

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.