Storing Data from Widgets to Contact Fields

When creating subscription forms, you can add the following fields and send their data to mapped contact fields:

  • Text input
  • Text area
  • Date
  • Calendar
  • Checkbox
  • Single choice
  • Dropdown
  • Radio

This can enrich a contact profile with data gathered in a widget to improve message personalization.

These fields are available for all types of subscription forms:

  • Inline
  • Pop Up
  • Floating box
  • Floating bar

When a user enters data into the fields and subscribes using the widget, a new contact is created, or an existing contact is updated.

The information selected or entered into the widget fields is added to the corresponding contact fields.

Contact profile with the WIDGET additional fields section showing Checkbox list and dropdown values, highlighted in a red box

To learn more about creating widgets, read Setting up Widgets for your Site.

Mapping the field data to a contact field

When you add one of the fields to your subscription form, the Process collected data as a sidebar opens, offering two options:

  • Contact field: This option allows you to map the data entered into this field to a contact field that you created in your account.
  • Event parameter: This option allows collected data processing as event parameters.
šŸ“˜

Note

Reteno is your ESP/CRM, so mapped widget data does not need a separate export step to an external system — submitted values are written straight to the contact field or event parameter. To capture campaign context such as UTM tags (utm_source, utm_campaign, etc.) or a click ID, add a text field to the widget, enable Prefill with the URL query parameter source, and map that field to a contact field or event parameter as described below.

To map the widget field to the contact field:

  1. Add one of the following fields to your subscription form.
    • Text input
    • Text area
    • Date
    • Calendar
    • Checkbox
    • Single choice
    • Dropdown
    • Radio
      The Process collected data as the sidebar opens.
  2. Select the Contact field option and click Next.
Widget editor sidebar with the Contact field option selected under Process collected data, highlighted in a red box
  1. Select the contact field existing in your account that you want to map the data to.
    You can add a new field, see Adding a new field to learn more.

The fields that are not included in a list are displayed at the top of the menu. To see fields in a list, expand the list by clicking the down arrow.

Select contact field menu showing Address field options like County, Town, Address, Postcode, and COUNTRY_CODE, with the expand arrow highlighted in a red box
šŸ“˜

Note

The field names displayed in gray cannot be added for the selected field type.

šŸ“˜

Note

COUNTRY_CODE, along with City, Region, and Country, is a standard contact profile field. For website visitors, these Location fields are also auto-detected from the visitor's IP address and updated on the contact profile whenever the widget script records a View, Click, Subscribe, or Submit event — no manual field mapping is needed for this. Learn more in Setting Up Geotargeting.

You can map the widget fields to the following types of contact fields:

Widget fieldContact field type
Text inputā— Text field
ā— Number
ā— Fractional number
Text areaā— Text area
Dateā— Date
Calendarā— Date
Checkboxā— Checkbox list
Single choiceā— Checkbox list
Dropdownā— Dropdown list
Radioā— Dropdown list

After selecting the contact field for the Checkbox, Single choice, Dropdown, or Radio fields, the Edit options window opens. Edit the options as described below, then click Done:

  • Change the names of the options. Enter the option name in the Names of options in the widget column.
  • Show or hide options. Enable or disable the slide button in the Show option column to show or hide the option in the widget.
  • Change the option position. Use the six dots icon to drag and drop the option to another position.
Edit options window for a Choice field showing Sushi, Pizza, and Noodles options with show toggles enabled
šŸ“˜

Note

The Checkbox, Dropdown, and Radio fields store the ID of the selected option, not its text. CSV exports and the submissions list resolve these IDs against the current version of the widget, not the version the visitor actually saw. If you edit or delete options after collecting submissions, historical answers can show updated or empty values instead of the original choice. To keep historical submissions readable, avoid editing or deleting options of a live widget — add new options instead.

Adding a new field

To add a new field in the Select contact field window:

  1. Click + Add a field at the bottom of the window.
Widget editor sidebar with the Add a field button highlighted in a red box
  1. In the Add a field window, select the radio button beside the existing list.

Or,

Select the radio button beside + Create a new list for this field and enter the list name to create a new list.

Add a field dialog List step with the Create a new list for this field option and Next button highlighted in a red box
  1. Click Next.
  2. Enter the field name and select the field type from the Field type dropdown list.
šŸ“˜

Note

The personalization key is created automatically based on the list name. Point to the interrogation (?) icon to learn more.

Add a field dialog Field step showing Name, Personalisation key, and the Field type dropdown open with Text input, Number, and Fractional number options
  1. Click Done.

Configuring the added fields

After adding a field to your widget, you can edit its configuration in the General tab.

Widget editor General tab showing Collected data storage, Options, and Validation sections with the General tab highlighted in a red box

The sections available in the General tab depend on the widget type. The table below provides details about each section.

SectionDescriptionAvailable for fields
PlaceholderThe text entered into the Placeholder field is shown as a placeholder in the field added to the widget.ā— Text input
ā— Text area
ā— Dropdown
Collected data storageThis section displays the selected contact field.
To choose another field, click the Change button and select another field.
ā— Text input
ā— Text area
ā— Checkbox
ā— Dropdown
ā— Radio
ā— Calendar
ā— Date
ValidationDisplays validation parameters.ā— Text input
ā— Text area
ā— Checkbox
ā— Dropdown
ā— Radio
ā— Calendar
ā— Date
OptionsShows the names of options in the selected field.
Click the Edit for this widget button to edit options.
ā— Calendar

Storing Gamified Widget Data to a Contact Profile

When a contact interacts with a gamified widget, the system receives an event containing reward parameters (for example: promo code, gift type, discount value).

Example of an event with reward parameters:

{
  "eventType": "welcome",
  "email": "[email protected]",
  "parameters": {
    "firstName": "John",
    "promoCode": "LUCKY80",
    "prizeName": "80% Discount",
    "prizeValue": "80",
    "WEBSITE": "shop.com"
  }
}

To display these values in the contact profile, save them into the corresponding additional fields.

  1. Create additional contact fields, for example:
  • promoCode
  • prizeValue
  • prizeName

More about creating additional fields >

New field dialog in Reteno with the Name field set to prizeValue and the Save button highlighted in red boxes
  1. In the workflow, after the Send obligatory (transactional) email block, add the Update custom fields block.
  2. In the block settings:
  • select the field that should be updated;
  • specify the Velocity variable from the event (for example: ${prizeValue}).
Workflow editor with the Update custom fields block and its prizeValue field mapped to the ${prizeValue} variable, highlighted in red boxes

More about building and editing workflows >

Saved reward parameters can be used for:

  • message personalization;
  • building segments (for example: contacts with a specific type of reward).
Contact profile with the Widget reward section showing the prizeValue field, highlighted in a red box

Did this page help you?