Component: Form

This is a versatile form component that can be utilized in various scenarios where user input is required.

The component provides a flexible and reusable form structure that can adapt to different form requirements. It offers a range of pre-built subcomponents for common form fields such as text fields, email fields, address fields, and payment fields. These subcomponents make it easy to create different types of forms. A good example being the checkout form. 

Please note that you will need to be on the Page Builder v2 to use this functionality.

Adding a Subcomponent

To add subcomponents, you'll need the Form component. Follow these steps:

1. Click on "Add Component".
2. Search for the Form component under Acquisition.
3. Click on the purple pencil edit button.
4. Select "Edit Subcomponents"

See this article for a list of the available subcomponents: Modular Checkout Subcomponents

See this article for more information on customising your subcomponents: Common customisations for Form subcomponents

Props

Prop ID	Prop Label	Type	Default Value	Info
requiredLabel	Required field label	string	Required	This text will appear next to all required fields. If left blank, no indicator will be displayed.
optionalLabel	Optional field label	string		This text will appear next to all optional fields. If left blank, no indicator will be displayed.
submitLabel	Submit button label	string	Submit
orderCompleteURL	Order complete URL	string	/complete/	URL to redirect customer to after successful form submission
	Invalid form message	rich text
	Invalid form message font color	color	#856404
	Invalid message background color	color	#FFF3CD