Booking Site Fee Transparency Overlay

WHAT IT DOES

Booking Site Fee Transparency Overlay automatically detects price breakdowns on booking and e-commerce websites, extracting total price, base price, taxes, and various fees. It calculates the percentage of fees relative to the base price and displays a compact transparency badge showing the complete breakdown. The badge color-codes the fee percentage — green for low fees (under 5%), yellow for moderate (5-15%), orange for high (15-30%), and red for excessive (over 30%). This gives you instant insight into how much you are really paying beyond the base price, helping you make more informed purchasing decisions.

WHERE IT RUNS

This extension works on any website that displays price breakdowns. It functions on booking sites (hotels, flights, rentals), e-commerce platforms, checkout pages, and any site showing a total price with additional fees. The tool works across all domains and adapts to various price display formats and currencies.

HOW TO USE

Install the extension and navigate to any booking or e-commerce checkout page. A transparency badge appears showing the price breakdown and fee percentage. Use the overlay panel to customize the experience: toggle the fee percentage display on or off, toggle the breakdown badge visibility, enable or disable detection of taxes, service fees, and hidden fees, add custom CSS selectors for sites not covered by the default detection, and choose the badge position (Top Right, Top Left, Bottom Right, Bottom Left, or Inline). Click "Refresh Breakdown" to manually update the badge after loading new data.

TECHNICAL SECTION — PRICE BREAKDOWN DETECTION AND FEE PERCENTAGE CALCULATION

The extension uses a multi-strategy detection engine to find price and fee information on websites. It queries comprehensive lists of selectors for total price, base price, taxes, and fees, categorized by common naming patterns. Custom selectors can be added and are automatically categorized based on keywords (tax, fee, service, total, etc.). Currency parsing extracts numeric values and currency symbols from text. The fee percentage is calculated as (taxes + fees) / base price * 100. The badge is color-coded based on the fee percentage, providing visual feedback on fee transparency. The badge is created using DOM manipulation with inline CSS and can be positioned either fixed in corners or inline with the content.

THE PANEL — DRAG / PER-SITE POSITION / SNAP / COLLAPSE / RESIZE / ESCAPE

The overlay panel is fully interactive and designed for seamless multitasking. Drag it anywhere on the screen using the handle at the top of the panel; the position is saved per site so it stays where you left it across sessions. The panel includes a snap-to-edge feature that gently anchors the overlay to the nearest screen edge when released. Click the collapse button to minimize the panel to a compact pill showing the current fee status; expand it again with a single click. Resize the panel vertically by dragging the bottom-right corner to view more controls. Press the Escape key at any time to instantly close the overlay; it reappears on the next page navigation or refresh.

PLEASE NOTE

This extension requires the free BotGentz companion extension to function, as it provides the underlying content script injection and cross-origin communication framework. No personal data, browsing history, or financial data is stored, transmitted, or shared. Settings are stored locally in your browser using GM_setValue and are never sent to any external server. The extension does not access or store login credentials, financial data, or personally identifiable information. The tool reads price data visible on the page and does not access any site API or private data. Price detection accuracy depends on the page structure; custom selectors can be added for sites not covered by the default detection. The fee percentage is an estimate based on detected data and may not capture all fees; always verify the final price before completing a purchase.