Webflow Site Publish History Badge

WHAT IT DOES

This userscript adds a compact publish history viewer to your Webflow site dashboard. It reads publish history entries from the page, extracting publish timestamps, commit messages, and deployed domains for each publish event, then displays them in a clean, scannable badge directly in the site header. The badge summary shows the total number of publishes and the latest publish date with a relative timestamp. A detailed history list below shows recent publish events with relative timestamps, commit messages (when available), and deployed domains. A "View Log" button opens the Webflow publish log viewer with one click, and a "Copy" button exports the full history to your clipboard. This is invaluable for Webflow developers, site managers, and teams who need to track deployment history, understand when changes were pushed live, and maintain an audit trail of site updates without navigating through multiple menus.

WHERE IT RUNS

The script runs on all Webflow web application pages at *.webflow.com/*, with automatic detection of site dashboard pages (paths containing /sites/ or /dashboard). It works across all Webflow interfaces by using multiple selector strategies to find publish history entries, timestamps, commit messages, and deployed domains. The script detects dynamic content loading and re-renders the history viewer when navigating between sites. It runs across the entire Webflow domain, ensuring coverage whether you're viewing the main site dashboard, a specific site's settings, or the publishing overview.

HOW TO USE

Install the script via the BotGentz extension and navigate to your Webflow site dashboard. The publish history badge will appear in the site header automatically. The badge summary shows total publishes and the latest publish date. Click the "View Log" button to open the Webflow publish log viewer. The detailed history list shows recent publish events with relative timestamps, commit messages, and deployed domains. Use the panel controls to customize your experience: toggle the history badge on or off, show or hide the detailed history list, enable or disable commit message display, or adjust the number of recent publishes to show (3-50). The "Refresh" button manually rescans the page for updated history, and the "Copy" button exports the full history to your clipboard for reporting or documentation.

THE MECHANISM - HISTORY EXTRACTION, SORTING, AND VISUAL SUMMARIZATION

This script identifies publish history entries by scanning the DOM for known Webflow elements. It uses a cascading selector strategy that looks for publish entries (.publish-entry, .publish-item, .history-item, .deployment-item), then extracts timestamps from date elements or relative time strings ("2 hours ago"), commit messages from message or description elements, and domains from domain or URL elements. Entries are sorted by timestamp descending to show the most recent first. The badge summary is built as a DOM element with inline styles and inserted into the site header. The history list displays up to the configured number of recent entries, with color coding for the current/live publish. The "View Log" button attempts to locate and click the Webflow publish log button using selectors, providing a quick path to the full log viewer. The copy function formats the history as plain text with timestamps, commit messages, domains, and status indicators.

THE PANEL

The control panel appears as a floating, draggable element that you can position anywhere on the Webflow page. Drag by the header to reposition it, and the position is saved per site using GM_setValue so it stays where you left it across sessions. Release the panel near any edge and it snaps into place, keeping your workspace organized. Click the panel header to collapse it into a small bubble showing only the calendar emoji (📅), minimizing distraction while keeping controls accessible. Drag from the bubble to restore the full panel. The panel automatically resizes to fit its content and includes all setting toggles, the recent count control, and action buttons. Press the Escape key to quickly collapse the panel to its minimized state. The panel remains visible across page navigation within Webflow, with the history viewer updating automatically as you move between sites.

PLEASE NOTE

This script requires the free BotGentz extension to function. It is designed for Webflow users who need to track deployment history. The script reads only visible publish history data from the DOM—it does not access Webflow's API, your account credentials, or any sensitive information. All settings (badge visibility, history list toggle, commit message toggle, recent count, and panel position) are stored locally using GM_setValue and never leave your browser. The script does not modify your Webflow data—it only reads and displays visible publish history. The history extraction relies on the publish history entries being present in the DOM; if the page is not fully loaded or the history is not visible, the script may show limited information. If Webflow updates its website structure, the script may need to be updated to match new selectors. The "View Log" button attempts to find the publish log button in the DOM; if the button location changes, the button may need to be clicked manually.