How to use “Submit” field

After creating your form, you will be redirected to the Form Builder screen.

In the right-hand panel, open the Elements tab. Under Standard Fields in the Add Fields section, click on Submit to add it to your form.

The Submit field will be added to your form.

Edit Submit Field Settings

Click the Edit (pencil) icon on the Submit field to open the settings panel.

General Section

• Label: Defines the name of the Submit field displayed on the form. Set the label for this field. This will be displayed to users.

Appearance Section

• Field Colors: Customize the text and background colors of the submit button
• Button Alignment: Set the position of the button (left, center, or right)
• Field Border Radius: Adjust the roundness of the button corners (in px)
• Custom CSS Class:  Add a custom class for advanced styling

Conditional Logic

• Show or hide the Submit button based on conditions
• Available on Pro plan only

Reorder the Submit Field

• Hover over the Submit field container in the preview.
• Click and hold the drag icon (move icon).

• Drag the field up or down in the form layout.
• Release the mouse at the desired position.
• The system will show a placeholder indicating where the field will be placed.

Duplicate the Submit Field

• Hover over the Submit field container.
• Click the Duplicate icon.

• A new Submit field with identical settings will be created.

Delete the Submit Field

• Click the Trash icon to remove the field.

Save Changes

Click Save Changes to apply updates.

Publish 

This option allows you to publish the form to your store, making it visible and usable for customers.