Field Widget

This feature available on All Plans (except where noted)

Overview

The Field Widget adds input fields to a Form Container in your campaign. Visitors to your live campaign can fill out these fields and use the Submit button to submit their information. If you want to provide entries yourself, you can do so inside the Campaign Builder and use visibility settings to hide the Form Container from the live campaign.

Adding the Field Widget

To add the Field Widget to your campaign:

1. Click the Field Widget icon in the Add Widgets Panel, or
2. Drag the icon into your preview area.

Note: Field Widgets must be placed inside a Form Container. Attempting to add a Field Widget outside of a Form Container will trigger an error message.

Widget Settings

The widget settings pop-up allows you to configure the Field Widget.

Renaming the Widget

1. Click the pencil icon in the top-left corner (next to the widget name).
2. Enter a new name. By default, the name will update to the selected field type.

CSS ID

• The CSS ID (starting with a #) is displayed in the top-right corner of the pop-up.

Customization

1. Select a Field Type first (required).
2. Navigate through the settings using the Back and Next buttons.

When finished, click the Save and Exit button.

Note: After saving a Field Widget, the field type cannot be changed. To use a different field type, you must create a new Field Widget.

Field Type

The Field Type section allows you to choose the field type for your form. Field types are categorized into:

• Standard Fields: Can only be used once per list.
• Custom Fields: Can be used multiple times per list, are saved to your Field Library, and can be hidden.

Selecting a Standard Field

1. Click on the desired field type to select it.
2. Configure the field in the Field Settings section.
3. Standard field types that are already in use will no longer be selectable in the same Form Container.

Selecting a Custom Field

1. Choose the field type and check the Make hidden box if needed.
   • Hidden fields do not display to entrants but can store additional data.
2. Customize the field in the Field Settings section.
3. Save the field to your Field Library for future use or select an existing custom field from your library.

Field Settings

The Field Settings section is where you configure most of the details for your field. Settings may vary depending on the field type, but common subsections include:

Layout

Choose a layout option if multiple layouts are available for the field type.

Text

Assign Labels or Placeholders to your field, if applicable.

Validation

1. Check the Required field box to make the field mandatory.
2. Use Show advanced options for additional choices, such as requiring the field only when visible.

Error Messages

Add custom messages to display when validation errors occur.

Field Points

Assign points to the field. Entrants earn these points upon completing the field.

Other

• Instructions: Add text to display below the field when it is selected.
• Extra CSS Classes: Add one or more CSS classes to customize the field's appearance using custom CSS.

Note: Click the expand icon (▸) to open collapsible sections in the Field Settings.

Visibility

Control when and where the field is visible using the Visibility section. Options include:

• Setting specific dates and times.
• Displaying the field only in the Builder.
• Restricting visibility by country.

For more details, refer to the Widget Visibility Help Doc.

Extras

Explore advanced customization options in the Extras section, including:

• Main Tag
• CSS Classes
• Smart Labels

Learn about the Main Tag, CSS Classes, and Smart Labels settings here.