ImportKitImportKit

Quick Start

Get ImportKit running in your React app in under 5 minutes.

1. Install the Package

npm install @importkit/react

2. Get Your API Key

Sign up at dashboard.importkit.app and generate an API key from your dashboard.

3. Add the Widget

import { ImportWidget } from '@importkit/react'

function App() {
  const handleComplete = (data) => {
    console.log('Imported data:', data)
    // Save to your database
  }

  return (
    <ImportWidget
      apiKey="ik_live_your_api_key"
      fields={[
        { name: 'email', label: 'Email', type: 'email', required: true },
        { name: 'name', label: 'Full Name', required: true },
        { name: 'company', label: 'Company' },
      ]}
      onComplete={handleComplete}
      onError={(error) => console.error(error)}
    />
  )
}

4. Test It

Create a CSV file with your field names as headers and upload it to the widget. ImportKit will automatically map columns and validate data.

Example CSV

email,name,company
alice@example.com,Alice Smith,Acme Inc
bob@example.com,Bob Jones,TechCorp

Next Steps