Froomle Overlay

Overview

Froomle Overlay is a Chrome extension for inspecting Froomle integrations directly on the websites where they run.

Its current capabilities focus on recommendation, item, and page performance. It is intended for Froomle customers and authorized Froomle team members who need to validate integrations and investigate behavior in context.

The extension is an inspection tool. It does not change the website’s recommendation logic or content.

Current Capabilities

The overlay can:

  • detect a Froomle SDK or classified Froomle API integration

  • identify page items and distinguish Froomle recommendations from other detected items

  • display item metrics in compact page overlays and detailed hover panels

  • show page-type and current-item insights in Chrome’s side panel

  • navigate between detected items and recommendations, including items inside carousels

  • let you choose and reorder metrics, reposition overlays, and use light, dark, or system themes

Integration detection remains available while signed out. Protected performance data is shown only after authentication.

For Chrome Web Store and extension-specific privacy behavior, see Privacy Policy.

Getting Started

To use the extension:

  1. Open a website with a detectable Froomle integration.

  2. Select the Froomle Overlay icon in Chrome to open the side panel.

  3. Sign in through the detected tenant’s Froomle identity provider when prompted.

  4. Inspect the page and item metrics available for the detected environment.

Your Froomle account must have access to the relevant tenant and environment. When an integration is detected but your account does not have access, sign in with an authorized account or ask the tenant administrator to grant access.

Support

For a visual defect, provide a screenshot that shows the affected website content and the complete extension UI. Include the active light or dark theme and the browser viewport size when they are relevant.

For behavioral, detection, authentication, or network defects, provide:

  • the page URL being inspected

  • the extension version shown in the side-panel footer

  • the browser version

  • clear reproduction steps, expected behavior, and actual behavior

  • the approximate time and time zone of the occurrence

  • relevant browser console errors

  • a sanitized HTTP Archive (HAR) when the defect involves requests, responses, authentication, or delayed activation

Before sharing a HAR, remove credentials and sensitive data, including Authorization, Cookie, and Set-Cookie headers, OAuth codes and tokens, passwords, and user identifiers that are not required to reproduce the issue.