The Field Widget is used to add different input fields to a Form Container in your campaign. Visitors to your live campaign can fill out these fields, and then use the Submit button to submit their information. If you want to provide the entries yourself, you can easily fill out and submit entries inside the Campaign Builder; using visibility settings to keep the Form Container hidden on the live campaign.
To add one of these widgets to your campaign, click the Field Widget icon in the Add Widgets Panel, or click and drag the icon into your preview area.
Note: Field Widgets are unique in that they are required to go inside of Form Containers. If you try to add a Field Widget outside of a Form Container, you'll see the following error:
The widget settings pop-up is where you'll make any needed changes to your Field Widget. To change the widget name, click on the pencil icon in the top-left (next to the name) then type your new name. By default, the name will switch to the field type once you've selected one.
You will also see the CSS ID (starting with a #) of your new widget listed in the top-right corner of the pop-up.
You'll want to move through each item in the menu on the left side to make sure you've completely customized the Field Widget in the way you'd like. You're required to select a field type first, but once you've done so, you can navigate through these sections using the Back and Next buttons at the bottom.
When you're finished making changes to your widget, click the Save and Exit button.
Note: Once you have saved a Field Widget, you will not be able to change its field type. If you want a different field type, you'll have to add a new Field Widget and select the different type.
The Field Type section is where you'd select the type of field that you're wanting to add to your form. You have many options, split into two categories - Standard Field or Custom Field.
- Standard Field types can only be used once per list.
- Custom Field types can be used multiple times per list, are automatically added to your account's Field Library once customized and saved, and can be made hidden.
Selecting a Standard Field Type
Once you've picked a standard field, it will be highlighted - you can then go into the Field Settings section to complete setting up your field.
The next time you add a Field Widget to the same Form Container, you'll notice that the same type of field is no longer available, like the Name option shown in the example below:
Selecting a Custom Field
When you select a custom field, there are a few more options available. First, you'll notice that you have the ability to make the selected field hidden using the Make hidden checkbox below your options.
Hidden fields are not displayed to the entrant, but are useful for attaching additional data to submitted entries. You can set a value for your hidden field in the Field Settings section.
Another thing to note is that custom fields you establish are automatically saved to your Field Library. If you have any fields already saved to your Field Library, they will be displayed to the right and you can select them. This saves time by letting you add fields that you have already configured.
If you want to save the field you are adding as a new custom field, then keep Add New Field to Your Library selected. If you want to use the pre-existing field you'd set up previously, then click on the field you'd like to use.
The Field Settings section is where you'll do the bulk of the setup work for your new field. This section will look slightly different depending on the type of field you are setting up, but most will have the following subsections:
If your new field has multiple different options for layout, you can select the one you'd like to use in this area.
This is where you would assign any Labels or Placeholders for your new field, if applicable.
If you'd like your field to be required, you'd check the Required field box in this area. Clicking on the Show advanced options link will give a couple additional choices; whether you want the field to always be required, or only required when the field is visible.
To customize any error messages triggered by your new field, simply add your custom message to the appropriate field.
Note: For any of the collapsible areas of the Field Settings section, just click the icon to expand the subsection.
If you want the new field to earn the entrant additional points on their entry, you would set the number of points earned using this area.
A couple of advanced options for your field are found in this area: text added to the Instructions field will appear below the field when it has focus (when it's selected). The Extra CSS classes field allows you to attach a CSS class (or multiple) to your new field so that you can change its appearance by targeting it with custom CSS code using the CSS Editor.
If you'd like to limit the visibility of the field to a specific date and time, make the field a pop-up, only show the field in your Builder, or limit in which country/countries the field can be seen; you'd do so in the Visibility section. More information about these settings can be found in the Widget Visibility help doc.