How to use “HTML” 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 HTML to add it to your form.

Quick Action Icons

You can use the shortcut icons to: 

• Edit details
• Adjust spacing (margin / padding)
• Duplicate the field
• Delete the field

General Settings:

• Label: Set the label for this field. This will be displayed to users
• HTML Content: Enter custom HTML content to display in this field

Appearance Settings:

• Field Label Visibility: Set the visibility of the field label. Options: Visible, Hidden
• Field Label Margin: Adjust the spacing around the field label
• Field Padding: Adjust the spacing around this field for better visual separation
• Field Margin: Adjust the spacing outside this field to control its position relative to other elements
• Custom CSS Class: Add a custom CSS class to style this field

Advanced Settings:

• Visibility: Set the visibility of this field. Options: Visible, Hidden, Administrative

Conditional Logic Settings: 

Show or hide fields based on user answers. Available on Pro plan only

Reorder the HTML Field

• Hover over the HTML 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 HTML Field

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

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

Delete the HTML 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.