Wishlist Note Taker

WHAT IT DOES

Wishlist Note Taker is a browser extension that allows you to add notes to products and items on any webpage, creating a persistent wishlist with custom notes. You can click on any element on the page to attach a note, and all notes are stored per domain and persist across sessions. The tool displays a list of all your notes for the current site, and you can edit or delete notes at any time. You can export your notes as JSON or CSV for easy sharing or backup. The tool is ideal for online shoppers, gift planners, researchers, and anyone who wants to keep track of items they are interested in with personal notes, thoughts, or reminders.

WHERE IT RUNS

Wishlist Note Taker runs on any webpage, overlaying a floating panel that does not interfere with page content. It operates entirely in your browser as a lightweight userscript, storing notes locally using GM_setValue. It works on any page, whether static or dynamic, with no external dependencies. All note data is stored locally—no data is ever sent to any server.

HOW TO USE

After installation, open the floating panel by clicking the extension icon. The panel shows the current status (Enabled or Disabled) and a toggle button to enable or disable the tool. Click the "Add Note" button to enter selection mode—your cursor changes to a crosshair. Click any element on the page (e.g., a product card, image, or text) to attach a note. A prompt will appear where you can enter your note text. The note is saved and appears in the panel's list. Each note shows the item title, price (if detected), URL, and your note text. You can edit or delete notes using the buttons next to each note. Click "JSON" or "CSV" to export all notes for the current site. All notes are saved per domain and restored when you revisit the site.

REAL MECHANISM — WHY THIS WORKS

Most wishlist tools require creating an account or using a separate application, and they often cannot capture context from the page you're viewing. Wishlist Note Taker uses a DOM-integrated approach that lets you attach notes directly to page elements. When you click an element in selection mode, the tool captures the element's text content, any image source, and price information using pattern matching. It also generates a unique CSS selector for the element to potentially identify it later. The note is stored as an object with the element text, note content, URL, price, image, and timestamp, and saved to GM_setValue with a key based on the domain. The tool also stores the full URL so you can return to the page later. Notes are loaded from storage when the page loads and displayed in a list. The export functions serialize the notes as JSON or CSV and copy them to the clipboard using GM_setClipboard. This approach ensures accurate, persistent, and fully private wishlist note-taking without requiring any external services or network access.

THE PANEL

The floating panel is fully draggable and remembers its position per site, snapping to the edges of the viewport when dragged near them. You can collapse the panel to a small icon to minimize screen distraction and expand it back with a single click. The panel is resizable from the bottom-right corner, giving you more space to view notes. Press the Escape key to close the panel instantly (or to exit selection mode). The panel remains open across page navigation within the same domain, maintaining your current view state. All preferences—panel position and all note data—are saved per domain for a seamless experience.

PLEASE NOTE

Wishlist Note Taker requires the free BotGentz extension to be installed and enabled, as it relies on the cross-extension messaging API provided by BotGentz for DOM access permissions. The tool captures element text and attributes from the page; it does not store images or large media files. Notes are stored per domain using GM_setValue and are limited by the storage capacity of the browser's local storage. The tool does not sync across devices or browsers. All note data is stored locally in your browser. No page content, note data, or usage information is ever sent to any server. The extension does not read, store, or transmit any personal information. It only reads the DOM to capture element context and stores notes locally at your request.