Picture Choice

A visual choice field where each option has an image. Respondents click the image to select it. Use for visual selections where images communicate better than text.

Configuration

FieldDescription
OptionsList of choices, each with an image and label
Image per optionUpload or URL for each option's image
LayoutGrid arrangement (2, 3, or 4 columns)
Selection modeSingle select or multi-select
RequiredMust select at least one

Common uses

  • Product preference (show product images)
  • Design feedback (show design options A/B/C)
  • Style selection (show color/style options)
  • Mood/sentiment (show emoji or mood images)
  • Logo/brand preference
Tip

Use consistent image sizes for all options; square images (1:1 ratio) work best in the grid layout. Inconsistent sizes create an uneven visual.

Configuration tabs

Every field has 5 configuration tabs when clicked on the form canvas:

TabWhat you configure
DesignQuestion text, description, placeholder, help text
DataDefault value, variable name, prefill from URL parameters
SettingsRequired/optional, read-only, hidden
ValidationsFormat rules, min/max, custom error messages
ImageAttach an image alongside the question

Using in workflows

When this field is part of a form connected to a workflow via the Form Submission trigger, its value is available as a variable:

{{trigger.fieldName}}

Use it in any downstream node: send it in an email, store it in a database, pass it to an AI node for analysis, or use it in an If-Else condition for routing.

Best practices

  • Label clearly: write the question as the respondent would think about it, not your internal field name
  • Use descriptions: add help text below the question for any field that might be ambiguous
  • Set placeholders: show an example of the expected input format
  • Mark required fields: only require what you genuinely need; optional fields increase completion rates
  • Test on mobile: ensure the field is usable on small screens before publishing

Conditional visibility

This field can be shown or hidden based on previous answers:

  1. Add an If-Else logic node before this question on the form canvas
  2. Set the condition based on a previous field's value
  3. Connect the True branch to this question (shows it)
  4. Connect the False branch past this question (skips it)

This lets you create dynamic forms where irrelevant questions are hidden.