Text Field

Element Description

The Text Field allows you to collect basic input from users. It can be used to gather information such as names, addresses, or any other single-line text data. You can customize the label, placeholder, and other settings to match the specific needs of your store’s checkout process.

Sample Use Cases

• Collect customer first and last names during checkout.

• Gather short feedback or additional notes from customers.

• Use for custom fields like referral codes or promo codes.

Text Fields

Text Field Settings

• Label – The name of the field displayed to the customer on the checkout page.

• Placeholder – The text that appears inside the input box before the customer types anything.

• Description – Additional information or instructions about the field, displayed below the input box.

• Enable/Disable Field – Allows you to enable or disable the field based on your needs. If it is disabled, the element will not be displayed in the checkout form, you can enable it anytime from the checkout builder according to your needs.

• Is Required – If enabled, the customer must fill in this field before proceeding with checkout.

• Default Value – The pre-filled value that will appear in the field when the page loads.

• Max Length – The maximum number of characters that the customer can enter in this field.

Advanced Settings

• Custom Class Name – Add custom CSS classes to the field for styling or functionality.
• Allowed Characters (Regex) – Set a regular expression to define allowed characters that can be input into this field.

• Error Message – Customize the error message that appears if the validation for the field fails.