Query Builder Form
A segment builder with a match mode select, condition rows pairing field, operator, and value controls, plus a live estimate of matching contacts.
A segment builder with a match mode select, condition rows pairing field, operator, and value controls, plus a live estimate of matching contacts.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Query Builder Form defines an audience segment from stacked conditions. A match mode select reads as a sentence, include contacts that match all conditions below, then three condition rows each pair a field select, an operator select, and a value cell, one of which is a numeric input rather than a select. An Add condition action sits underneath, and a live estimate panel reports that 1,284 contacts currently match.
The rows are driven by a typed conditions array, so each field, operator, and value renders from data and the value cell switches between a select and an input on its kind. The layout is a four column grid on wider screens and stacks on small ones. The estimate panel is static here; wire it to your query so the count refreshes as conditions change.
Reach for this block whenever people assemble a rule from parts: audience segments, saved filters, automation triggers, or access policies. Wire the selects and the Add and Remove actions to state so the condition list grows, and recompute the match estimate whenever a condition changes.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the campaign audience segment. Other rule builder surfaces:
Tip: rendering rows from a typed array is what lets Add and Remove edit one list instead of bespoke fields.