Basic Form
A simple standalone form with configurable fields, submit button, and colour options.
What It Does
The Basic Form module renders a standalone form section with a title, configurable input fields, and a submit button. It supports custom text and background colours, making it easy to match the form to any page design. Use this module when you need a straightforward form without a contact-information sidebar.
Best Used For
- Newsletter sign-up forms
- Quick enquiry or callback request forms
- Event registration captures
- Any page that needs a lightweight form without contact details
Variants
Simple
A compact card-style form with a title, a few fields, and a submit button. The form fades into view when it enters the viewport.
Best for: Newsletter sign-ups, quick enquiry forms, or any page that needs a lightweight form without contact details
FullForm
Demonstrates the full field set populated with all common input types.
Best for: Testing field combinations and submit button variants
Fields Reference
| Field | Type | Required | Description |
|---|---|---|---|
| formTitle | component | No | Heading displayed above the form |
| fields | component | Yes | List of form input fields with type, label, and validation |
| submitButton | component | No | Submit button with configurable label and style |
| submitButtonText | string | No | Legacy plain-text label for the submit button |
| textColor | customField | No | Text colour for form labels and descriptions |
| backgroundColor | customField | No | Background colour for the form section |
| entranceAnimation | component | No | Scroll-triggered entrance animation |
Tips for Great Results
- Use a clear, action-oriented submit button label such as "Send" or "Get Started".
- Set
textColorandbackgroundColorto match your page's colour palette — the form blends in better when it does not feel like a separate block. - Keep the number of fields low (three to five) to maximise completion rates.
- For forms that also need to show contact details (phone, email, address), use the Contact Form Info module instead.
Supported Languages
Fully bilingual — all text fields (title, field labels, button label) support both English and Thai content.