CSV to Form Auto-Filler

WHAT IT DOES

CSV to Form Auto-Filler transforms spreadsheet data into instant form submissions. Instead of manually copying and pasting data from a spreadsheet into web forms, you simply paste your CSV data into the extension, and it automatically fills matching form fields based on column headers. The extension intelligently matches each CSV column to form fields using multiple identifiers including field IDs, names, placeholder text, labels, and ARIA labels. For forms with multiple records, you can navigate between rows using Previous/Next buttons and fill each record individually, or fill all rows at once. Custom field mappings let you manually associate CSV columns with specific form fields when automatic detection isn't perfect. This is invaluable for bulk data entry, customer onboarding, product listings, inventory management, and any task requiring repeated form filling from structured data.

WHERE IT RUNS

The extension works on every website with HTML forms, including CRM systems, admin panels, e-commerce product upload interfaces, customer registration forms, lead capture pages, survey platforms, and any other web-based form interface. It runs locally in your browser, processing CSV data and filling forms in real-time without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly.

HOW TO USE

After installation, click the extension toolbar icon to open the CSV to Form Auto-Filler panel. Paste your CSV data into the text area—the extension supports comma, tab, and semicolon delimiters. Click "Load CSV" to parse the data. The extension will display the number of rows and columns detected. To fill the current form with the first row of data, click "Fill Current Row." Use the "Previous" and "Next" buttons to navigate through rows and fill each record individually. To fill all rows at once, click "Fill All Rows." If automatic field detection isn't matching correctly, click "Show Mappings" to see which CSV columns are mapped to which form fields, and manually adjust mappings by setting column-to-field associations. The extension also supports auto-fill on page load for frequently used forms.

THE ACTUAL MECHANISM — INTELLIGENT FIELD MATCHING WITH SCORING ALGORITHM

The extension uses a multi-stage field detection pipeline. First, it parses the CSV using a custom parser that handles quoted values, escaped delimiters, and multi-line data. The parser supports three delimiter types (comma, tab, semicolon) and includes a header detection toggle. Once parsed, the extension builds a list of all eligible form fields on the page, excluding password, hidden, file, submit, reset, button, and image inputs. For each CSV column, the extension searches for a matching form field using a scoring algorithm. It examines the field's id, name, placeholder, associated label text, and aria-label attribute, converting all to lowercase for case-insensitive matching. The algorithm assigns a score based on exact matches, substring matches, and term length, giving bonus points for exact id or name matches. The field with the highest score above zero is selected. For custom mappings, the extension stores column-to-field associations per domain using GM_setValue, allowing users to override automatic matching for specific columns on specific websites. When filling a field, the extension sets the value using the appropriate property (value for text fields, checked for checkboxes/radios, selected for dropdowns) and dispatches both `input` and `change` events to ensure compatibility with React, Vue, Angular, and other reactive frameworks.

THE PANEL

The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the CSV input text area, load and clear buttons, delimiter selector, header toggle, row navigation buttons, fill buttons, mapping viewer, and auto-fill toggle—are accessible within a clean, high-contrast interface that respects your system's color scheme.

PLEASE NOTE

This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access and storage engine. Because websites frequently update their form structures and field naming conventions, certain complex web applications may occasionally require custom field mappings to be configured. The extension will automatically check for updates weekly and notify you when a new version is available. No personal data, browsing history, or form content is ever collected, stored, or transmitted. CSV data and field mappings are stored locally using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.