Etsy Shop Age Badge

WHAT IT DOES

This script adds a shop age badge to Etsy shops and product listings, showing you how long the shop has been on Etsy. When you visit an Etsy shop or listing page, the script extracts the shop's join date ("Member since" date), calculates the shop's age in years, months, and days, and displays a color-coded badge near the shop name. The badge shows the shop age in a friendly format like "🌟 5 years on Etsy," "🆕 3 months old," or "📅 Since 2018." The badge color indicates the shop's maturity: gold for 5+ years (established), green for 2-5 years, blue for 1-2 years, yellow for 6-12 months, and gray for less than 6 months (new). The badge updates dynamically as you navigate between shops.

WHERE IT RUNS

The script runs on all Etsy pages (*.etsy.com). It works on shop pages, product listing pages, and any page that displays shop information. It supports both desktop and mobile views.

HOW TO USE

After installation, the settings panel appears on the left side of the screen with the gear emoji (⚙️). Open the panel to configure the script:

- The "Show shop age badge" toggle enables or disables the badge.

The badge appears automatically on Etsy shops and listings. It is displayed next to the shop name.

TECHNICAL SECTION — REAL MECHANISM

The script detects Etsy pages by checking the URL for etsy.com. It finds the shop's join date by looking for elements with selectors like .shop-about .member-since, .shop-info .member-since, [data-testid="member-since"], and .text-body-smaller containing "Member since." It also scans for "Member since" text in the page and extracts the date using regex. The date is parsed from formats like "Jan 1, 2020" into a JavaScript Date object. The shop age is calculated by comparing the join date to the current date, resulting in days, months, and years. A badge is created with a color based on the age and inserted next to the shop name using DOM insertion (appendChild). The badge uses style properties and textContent (never innerHTML). A WeakSet tracks processed shops to avoid duplicate badges. A MutationObserver watches for DOM changes and re-creates the badge when the user navigates to a new shop.

THE PANEL

The settings panel is built with BotGentz's BGPanel component. It is draggable via its header, allowing you to reposition it anywhere on the screen. The panel snaps to the left edge by default but can be moved freely. Click the gear emoji to collapse the panel into a small bubble, and click the bubble to expand it again. The panel remembers its position per page session. Press the Escape key to quickly close or minimize the panel. The panel includes a status flash bar that provides visual feedback when settings are changed or actions are performed. All settings save automatically via GM_setValue.

PLEASE NOTE

This script requires the free BotGentz browser extension to run. It does not function as a standalone Chrome extension and does not use chrome.* APIs. Etsy frequently updates its interface, which may affect the selectors used to find the shop name and join date. If the badge stops appearing, please check for script updates. The badge is based on the shop's join date, which is publicly available on the shop page. The script does not access any private data. The script stores only your preference via GM_setValue. No data is sent externally—all data is stored locally in your browser. The script never reads or writes password fields, hidden inputs, or file inputs. All DOM operations use safe methods (style properties, textContent, appendChild) and never use innerHTML.