Background graphic with dots
Trusted by
Partbot logoFaliam logoResend logoIntellibase logoCarbonside logo

How It Works

Embed icon

1. Embed Importer

Embed the TableFlow import experience inside your app with just a few lines of code.

import { TableFlowImporter } from "@tableflow/react";

function MyComponent() {
  const [isOpen, setIsOpen] = useState(false);  
  return (
    <>
      <button onClick={() => setIsOpen(true)}>Open TableFlow Importer</button>
      <TableFlowImporter
        importerId={"6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353"} // Your importer ID
        modalIsOpen={isOpen}
        modalOnCloseTriggered={() => setIsOpen(false)}
        metadata={{"user_id": 1234}} // Pass through user info
        onComplete={(data) => console.log(data)}
      />
    </>
   );
}
import createTableFlowImporter from "@tableflow/js";

const
importer = createTableFlowImporter({
  importerId
: "6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353", //Use your importer ID
  modalOnCloseTriggered: () => importer.close(),
  metadata: {"user_id": 1234}, // Pass through user or import info
  onComplete: (data) => console.log(data)
});

const
uploadButton = document.getElementById("uploadButton");

uploadButton
.addEventListener("click", () => {
  importer?.showModal();
});
<head>
 <script src="https://unpkg.com/@tableflow/js@latest/build/index.js"></script>
</head>
<body>
 <button id="uploadButton">Open TableFlow Importer</button>
 <script>
   const importer = createTableFlowImporter({
     importerId: "6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353", // Use your importer ID
     modalOnCloseTriggered: () => importer.close(),
     darkMode: true,
     metadata: {"user_id": 1234}, // Pass through user or import info
     onComplete: (data) => console.log(data),
   });
 
   const uploadButton = document.getElementById("uploadButton");
   uploadButton.addEventListener("click", () => {
     importer?.showModal();
   });
 </script>
</body>
tableflow dashboard
import icon

2. Import Data

Customers upload CSV files, map columns, and resolve errors to complete the import.

retrive icon

3. Retrieve Data

Developers access the clean JSON data via frontend SDK or the TableFlow API.

{ 
"id": "170f9ae1-c109-4e26-83a1-b31f2caa81b2",
  "num_rows": 2,
  "metadata":
 {
    "user_id": 1234,
 },
  "rows": [
    {
      "index": 0,
      "values": {
        "age": "23",
        "email": "maria@example.com",
        "first_name": "Maria",
        "last_name": "Martinez"
      }
    },
    {
      "index": 1,
      "values": {
        "age": "32",
        "email": "robert@example.com",
        "first_name": "Robert",
        "last_name": "Jones"
      }
    }
  ]
}
‚Äć

How It Works

How it works

How it works

Create icon
1. Create

Create an importer in the admin UI without any coding required.

Code icon
2. Collect

Collect data by embedding the importer in your app or sharing a link with customers.

Data retrieval icon
3. Retrieve

Retrieve the clean and validated data through the admin UI or through our API.

Simple user flow.

Powerful results.

User Flow Diagram
User Flow Diagram
User Flow Diagram
Lines
Lines
Lines

Time Savings

Engineer icon
Avoid Engineering Effort

Free your engineering team to focus on core product innovation and new features.

6 months
average time to build CSV import without TableFlow
user icon
Onboard Customers Faster

Accelerate new customer onboarding with TableFlow’s streamlined data import process.

3 weeks
average time to onboard data without TableFlow
clean up icon
Reduce Manual Cleanup

Rescue your team from manual data cleanup using advanced error detection and auto-fix features.

2 hours
average time to clean a data file
without TableFlow
Lines
Lines
Lines

Features

Code icon
Embeddable Modal

Embed a customizable modal into your app using our frontend SDKS

Gear icon
No-code Configuration

Easily configure and customize your importer without writing code

design icon
Custom Styling

Customize the import experience to match your application

AI icon
AI Automations

Automatically detect header rows and map columns

Security badge icon
Data Validations

Enforce requirements on all imported data

performance icon
Scalable Performance

Validate and import millions of rows of data in seconds

Code icon
Embeddable Modal

Embed a customizable modal into your app using our frontend SDKS

Gear icon
No-code Configuration

Easily configure and customize your importer without writing code

design icon
Custom Styling

Customize the import experience to match your application

AI icon
AI Automations

Automatically detect header rows and map columns

Security badge icon
Data Validations

Enforce requirements on all imported data

performance icon
Scalable Performance

Validate and import millions of rows of data in seconds

In our clients' words

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."

Mitch Patin

Co Founder, TableFlow

Tableflow logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."

Mitch Patin

Co Founder, TableFlow

Tableflow logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."

Mitch Patin

Co Founder, TableFlow

Tableflow logo

Data security is our priority

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo con.

Get started for free

CSV transfer graphic
Rainbow arrow graphic
Sign up