FormFlow documentation

Icon Choices

Icon Choices turn plain checkboxes and radio buttons into attractive, tappable icon or image cards — a more engaging way to present options.

Available onProAgency

Documents version1.5.3

Last updated

On this page

What this does

Instead of small circles or squares, options appear as clear, clickable cards with icons (or images) and labels — improving clarity and conversion, especially on mobile.

Typical use cases

  • “Choose a plan” or “Select a service” pickers.
  • Preference selectors with recognizable icons.
  • Quizzes and product finders.

How to use it

  1. Enable Icon Choices on FormFlow → Features (Conversion UX group).
  2. In Elementor, add a checkbox or radio field and switch it to the icon choice style.
  3. Add an icon/image and label for each option.
  4. Choose single‑select (radio) or multi‑select (checkbox) behavior, then style the cards.
  5. Preview and publish.

Tips & Best Practices

  • Use recognizable icons. Clear visuals help visitors choose faster.

  • Keep labels short. A word or two under each icon reads best.

  • Limit the number of options so cards stay large and tappable.

  • Test on mobile — icon cards shine on touch screens.

Frequently Asked Questions

Is Icon Choices free?

No — it’s a Pro feature.

Can I use images instead of icons?

Yes — use an icon or an image per option.

Single or multiple selection?

Both — radio for single choice, checkbox for multiple.

Can choices trigger conditional logic?

Yes — combine with conditional logic to reveal fields based on the choice.

Can I style the cards?

Yes — colors, spacing, and selected‑state styling.

Do the selected values submit normally?

Yes — they behave like standard checkbox/radio values.

FieldsToggle SwitcherThe Toggle Switcher field is a modern on/off switch — a friendlier way to ask yes/no questions than a plain checkbox.StylingChoice ColumnsChoice Columns arrange checkbox and radio options into neat columns instead of a single long list — making choice fields easier to scan and more compact.Conditional LogicField Conditional LogicField Conditional Logic shows or hides form fields based on what the visitor selects or types — so people only see the questions relevant to them.Getting StartedYour First FormA focused walkthrough of adding FormFlow fields and features to an Elementor form — the detailed version of the Quick Start.