UserHero Docs
Widget Builder

Widget Fields

Configure which input fields appear in your feedback widget

Widget Fields

Each widget template comes with configurable fields. You can enable, disable, or require specific fields based on your needs.

Available Fields

Feedback Text

The main text input for feedback.

SettingOptions
EnabledAlways (cannot be disabled)
RequiredYes
Max length5000 characters

Categories

Let users categorize their feedback.

SettingOptions
EnabledYes / No
CategoriesBug, Feature Request, Question, Other (customizable)
RequiredOptional

Custom categories:

  • Add your own categories like "UI/UX", "Performance", "Documentation"
  • Reorder categories to show most common first
  • Maximum 10 categories

Rating

Collect satisfaction ratings or scores.

SettingOptions
EnabledYes / No
Scale1-5 stars, 1-10, Emoji
RequiredOptional / Required

Rating scales:

  • Stars (1-5): Classic star rating
  • Numeric (1-10): NPS-style scoring
  • Emoji: 😞 😐 🙂 😊 😍

Screenshot

Allow users to capture and submit screenshots.

SettingOptions
EnabledYes / No
ModeOptional / Required

Screenshot features:

  • Captures visible viewport
  • Automatically masks sensitive elements (inputs, iframes)
  • Compressed before upload
  • Maximum file size: 5MB

File Attachment

Let users attach files to their feedback.

SettingOptions
EnabledYes / No
Allowed typesImages, Documents, All
Max size5MB

Audio Recording

Available on Pro and Pro Max plans only.

Let users record audio feedback with their microphone, or upload a pre-recorded audio file.

SettingOptions
ModeOff / Optional / Required
RecordMicrophone via MediaRecorder
UploadPre-recorded files
Max duration5 minutes
Max file size10 MB
FormatsWebM, MP4, MPEG, OGG, WAV

Audio features:

  • Live recording indicator with timer
  • Playback preview before submission
  • Upload existing audio files
  • Automatic format detection

Video Recording

Available on Pro and Pro Max plans only.

Let users record video feedback via screen capture or webcam, or upload a pre-recorded video file.

SettingOptions
ModeOff / Optional / Required
SourcesScreen, Webcam, File upload
Max duration3 minutes
Max file size50 MB
FormatsWebM, MP4

Video features:

  • Screen recording via browser share dialog
  • Webcam recording
  • Source picker (Screen / Webcam / Upload)
  • Preview before submission
  • Handles browser "Stop sharing" automatically

Email

Optionally collect the user's email for follow-up.

SettingOptions
EnabledYes / No
RequiredOptional / Required
Pre-fillFrom identify() call

Steps to Reproduce

Text field for describing how to reproduce an issue (Bug Report template).

SettingOptions
EnabledYes / No
RequiredOptional

Field Configuration by Template

FieldFloatingBug ReportRating
Feedback TextOptional
CategoriesOptional
RatingOptional✅ Required
ScreenshotOptionalOptional
File AttachmentOptionalOptional
Audio RecordingOptionalOptional
Video RecordingOptionalOptional
EmailOptionalOptionalOptional
Steps to ReproduceOptional

Privacy Considerations

Field settings interact with your project's privacy settings:

Privacy ceiling: If screenshot capture is disabled at the project level, you cannot enable it per-widget. Project settings act as a hard limit.

See Privacy Controls for more details.

Custom Fields

Add custom input fields to your widget form to collect structured data from users.

Default Fields

Every project has four built-in fields that can be enabled or disabled per widget:

Field IDLabelTypePurpose
df_nameNameTextCollects the user's name
df_emailEmailEmailCollects the user's email
df_phonePhoneTelCollects the user's phone number
df_companyCompanyTextCollects the user's company name

Default fields are pre-configured. Enable or disable them from your project settings under Custom Fields.

Values from df_name, df_email, and df_phone are automatically promoted to the feedback item's user info. They appear in the Context card in your dashboard alongside browser, OS, and location data.

Custom Fields

Beyond the defaults, you can define your own fields in Project Settings > Custom Fields. Supported types:

TypeDescription
TextSingle-line text input
SelectDropdown menu with predefined options
CheckboxBoolean toggle

Custom field IDs are auto-generated with a cf_ prefix (e.g. cf_a8k2m1p5).

Custom Fields vs Custom Metadata

Custom fields and custom metadata both attach data to feedback, but they work differently:

  • Custom fields are form inputs the end user fills out when submitting feedback. Values appear in the Custom Fields card in the dashboard.
  • Custom metadata is set by the developer via setMetadata() before the widget opens. Values appear in the Custom Data card.

If both provide user info (e.g. email), the custom field value takes priority. See Custom Metadata for details.

Next Steps

On this page