Max Addons introduces three new form fields that extend the native Form element in Bricks Builder. These fields enhance your forms with advanced features and improve the user experience.
The new fields are:
- International Phone: Collect phone numbers with country codes and format validation.
- Range: Add a slider for selecting numeric values within a defined range.
- Signature: Capture digital signatures directly in your form.
Each field comes with customization options to fit your design and functional requirements. In this documentation, we will walk through each field separately with setup instructions!
Max Addons Form Fields for Bricks Builder#
International Phone Field#
The International Phone field allows users to enter phone numbers with country codes. This is particularly useful for global websites that require accurate contact numbers from various countries.
- A country dropdown with flags and codes.
- Automatic formatting of phone numbers.
- Validation to ensure numbers are correct.
This ensures you collect standardized phone numbers that are easy to store and use in your CRM, email, or SMS systems.
How to Add International Phone Field to Bricks Builder Form#
- Open the page in Bricks Builder Editor and add the Form element.
- In the Content tab, click + ADD FIELD.
- From the Type dropdown, select International Phone (Max Addons).
- Configure the available options:
- Label: The field label shown above the input.
- Placeholder: Example text inside the input.
- Value: Set a default phone number if needed.
- Attribute: Name: Unique name for form submissions.
- Error Message: Message shown if validation fails.
- Width (%): Adjust the width of the input field.
- Required: Make the field mandatory.
- Default Country: Set a pre-selected country code.
- Enable Validation: Ensure correct phone format.
- Allowed Countries: Limit the dropdown to specific countries.
- Preferred Countries: Pin certain countries at the top for quick selection.
Range Field#
Range field adds a slider input that lets users select numeric values within a specified range. It is an interactive and user-friendly alternative to text-based numeric inputs.
This is particularly useful for:
- Budget or price range selection.
- Age, quantity, or rating inputs.
- Preference-based forms where users slide to choose a value.
How to Add Range Field to Bricks Builder Form#
- Add the Form element in Bricks Builder.
- Click + Add Field.
- From the Type dropdown, select Range (Max Addons).
- Configure the available options:
- Label: Name of the slider field.
- Placeholder: Not typically used for sliders, but can display helper text.
- Value: Default value shown on the slider.
- Attribute: Name: Field name for form submission.
- Error Message: Custom error text if validation fails.
- Width (%): Field width inside the form.
- Required: Mark the field as mandatory.
- Minimum Value: Starting point of the slider.
- Maximum Value: End point of the slider.
- Step Size: Define increments (e.g., step of 5 = 5, 10, 15, 20).
Signature Field#
Signature field provides a digital drawing canvas inside your form. Users can sign directly with a mouse, stylus, or touchscreen.
This feature is useful for:
- Consent forms
- Waivers and agreements
- Delivery confirmations
- Online contracts
How to Add Signature Field to Bricks Builder Form#
- Add the Form element in Bricks Builder.
- Click + Add Field.
- From the Type dropdown, select Signature (Max Addons).
- Configure the available options:
- Label: Title of the signature field.
- Placeholder: Helper text inside the canvas.
- Value: Pre-filled content (not typically needed).
- Attribute: Name: Field name for form submission.
- Error Message: Shown if validation fails.
- Width (%): Width of the field area.
- Required: Make signing mandatory.
- Canvas Width: Width of the signature pad.
- Canvas Height: Height of the signature pad.
- Stroke Color: Pen color for drawing.
- Stroke Width: Thickness of the pen.
- Background Color: Canvas background.
- Show Clear Button: Add a button to reset the signature.
With International Phone, Range, and Signature fields, Max Addons enhances your Bricks Builder forms, making them more powerful, interactive, and professional.
Looking to make your forms even more powerful? Check out Form Conditions in Max Addons for Bricks Builder to learn how to add conditional logic and display fields dynamically.