Data mapping screen examples

Extend

Studio editor where the user configures a JSON schema to extract specific fields like names and dates from a tax document.

• AI Editing
• Form

Mailchimp

Import wizard step where the user maps columns from their uploaded file to Mailchimp's internal field names.

• Import & Export
• Table

Bird

Form builder where the user configures a hidden field in a modal to capture URL parameters and map them to contact attributes.

• Form
• Edit

Dovetail

Import wizard step where the user maps CSV columns to existing fields like Name, Email, and Role, and configures duplicate handling.

• Import & Export

Mixpanel

List view of events where the user is creating a lookup table mapping by selecting an existing table or importing a CSV to map to a specific property.

• Add & Create
• Form

Lightfield

List view with a large modal where the user reviews and finalizes a contact data import before committing it to the CRM.

• Import & Export
• Confirmation

Okta

Data table view where the user maps CSV headers to table columns inside a modal to import data.

• Import & Export
• Table

Typeform

Modal where the user maps form questions like email and phone number to contact properties to keep profiles updated.

• Edit
• Setup Wizard

Attio

Import flow step where the user maps CSV file columns to company attributes and previews the incoming data.

• Import & Export

Loops

Import flow step where the user maps CSV columns to their corresponding audience fields.

• Import & Export

Cake

Full-screen import view where the user maps CSV columns to corresponding data types for noteholders before validating and importing.

• Import & Export

Firecrawl

App playground where the user inputs a URL to start mapping a website and views a history of recent scrape, search, and map runs.

• AI Assistant
• Dashboard