We're thrilled to announce v3, a complete redesign of the Databar Chrome Extension! This release introduces a brand new sidebar-based interface, powerful new extraction features, and a streamlined experience for collecting data.

Complete Redesign: New Sidebar Interface

We've rebuilt the extension from the ground up with a new sidebar panel that stays open alongside your browsing. Having a side-bar allows you to see and read through the content of the page you’re on more easily and extract a larger number of fields more easily.

Key benefits:

• Persistent workspace that doesn't disappear when interacting with the page

• More screen real estate for viewing your fields and data

• Seamless element selection without UI interruptions

• Additional settings and configuration settings which are now easily available in the sidebar

New Features & Functionality

🔌 Sub-Element Extraction

Select a container element (like a product card or listing), click the Layers button, and instantly see all extractable sub-elements. Pick the specific data points you want (for example, “title”, “price”, “rating”) and they're added as child fields, visually grouped with their parent.

🔑 Easier authentication

You now no longer need to add your Databar API key to send data to Databar. The Chrome extension will now check for any active Databar sessions automatically and add data to that workspace. You can still use API key authentication as an alternative to automatic connections. Configure it once in the sidebar settings and access a specific workspace from anywhere.

👀 Watch mode

If you ever need to collect elements from multiple pages or after a scroll - simply turn on watch mode and the extension will automatically capture any new elements that appear in your tab and add them to the right field!

🧠 Smart CSV Downloads

Exported files now use descriptive filenames: {Page Title} | {Site Name} | {Date}.csv — no more generic "databar extension data" files cluttering your downloads.

🆕 CSS Selector Preview and Reset button

When selecting elements, the preview box now displays the CSS selector being used, giving you better insight into what's being captured.

Quality of life improvements

Custom Tooltips

All buttons now feature helpful tooltips that explain their function. Toggle buttons (Auto-scroll, Watch Mode, etc.) also display their current state.

Additional UI improvements

• Cancel Button: Exit selection mode easily with a Cancel button — no need to remember the Escape key

• Streamlined Selection Flow: Cleaner "Click an element" messaging consolidated into a single, focused display

• Reorganized Results Page: Download CSV and Databar buttons moved to the header for quicker access

• Updated Branding: Fresh branding, UI, and easier table controls throughout the extension

• Performance improvement and ~40% smaller bundle size — removed code, making the sidebar more responsive and easier to work with

Getting Started with the new extension

1. Click the Databar icon in your browser toolbar to open the sidebar

2. Navigate to any webpage with data you want to collect

3. Click "Add Field" and select elements on the page

4. Use the Layers button to extract specific sub-elements from containers

5. Export to CSV or send directly to your Databar workspace

Questions or feedback? We'd love to hear from you!

Install the extension here: Link →

Link to page in the Chrome sotre: Link →