Customer.io Data Import Mapping

CSV Import That Actually Makes Sense

This is Customer.io's CSV import flow, and it's a great example of making a boring task feel manageable. The step indicator at the top is clean. Green checkmarks for completed steps, bold active state for the current one, grayed out for what's next. Simple and effective.

The Map Fields Layout Does the Heavy Lifting

Two columns showing your CSV data side by side with mapping dropdowns below. You instantly see your actual data (Robert, Michael, David) alongside the corresponding emails. That preview table approach is smart because it builds confidence. You know exactly what's getting imported before you commit. The blue checkbox toggles on each column header let you include or exclude fields fast.

Color and Type Keep Things Grounded

The palette is minimal. White cards, light gray background, green accents for actions and confirmations. That red "Cancel import" button in the top right stands out just enough without screaming. The "Required" tag in coral next to the email identifier is a small but critical detail. Typography is straightforward sans-serif throughout. Nothing fancy, nothing distracting. The left sidebar with its icon-based nav stays out of the way completely.