Contact form

by Admin on Apr 11, 2024

Contact form is used to let your users send their information to you.

Heading	Enter the heading of the contact form section.
Heading size	Adjust the size of the heading (range from 50-200%).
Text	Enter the text to show under the heading or leave it blank.
Background color (light/dark)	Choose the background color in the light/dark mode.
Button label	Enter the label of the button. The default text is “Send”.
Success message	Enter the message to display after the user finishes the form.
Show section divider	Tick the checkbox to show a divider divides this section with the section above.
Top padding	Adjust the padding on top of the banner (range from 0 to 100 px).
Bottom padding	Adjust the padding at the bottom of the banner (range from 0 to 100 px).

Configure the name field.

Label	Enter the label of the field. The default text is Name.
Mark as required	Enable to make this field required to submit the form.

Configure the email field.

*Note: This field is always required to submit, even if the Email block is hidden or removed from the form.

Label

Enter the label of the field. The default text is Email.

Configure the phone number field.

Label	Enter the label of the field. The default text is Phone number.
Mark as required	Enable to make this field required to submit the form.

Configure the message field.

Label	Enter the label of the field. The default text is Message.
Mark as required	Enable to make this field required to submit the form.

You can use the form item to add a custom field.

Label	Enter the label of the field. The default text is Name.
Mark as required	Enable to make this field required to submit the form.
Form input type	Choose the input type for this field (Text, Dropdown, Radio Button, Checkbox)
Options	Enter the input values of dropdowns, radio buttons and checkboxes. Options are separated by a semicolon. Note that this setting only works if you choose the input type as Dropdown, Radio Button or Checkbox.

Subscribe for Latest Updates