ActiveCampaign Automation Flow Visualizer

WHAT IT DOES

ActiveCampaign Automation Flow Visualizer scans ActiveCampaign automation builder and list pages, extracting the complete automation flow structure including triggers, conditions, actions, wait steps, and goal nodes along with their connections. It then renders an interactive overlay diagram that shows the entire automation as a visual flow chart with color-coded node types for instant recognition—green for triggers, yellow for conditions, blue for actions, purple for goals, and pink for wait steps. The diagram highlights bottlenecks where large contact counts accumulate at condition nodes, identifies potential loops in the flow, displays contact count metrics per step, and provides zoom and pan controls for navigating complex automations. Hovering over any node shows detailed step information, and clicking a node scrolls to and highlights that step on the main ActiveCampaign page.

WHERE IT RUNS

This extension runs directly in your browser on any ActiveCampaign page that displays automation builders or automation lists, including the automation dashboard, individual automation edit views, and automation performance pages. It operates entirely client-side, reading the DOM structure of the current page without making external API calls or sending data to any third-party server. The extension works with ActiveCampaign's standard interface and adapts to dynamically loaded automation content.

HOW TO USE

After installation, navigate to any ActiveCampaign automation page. The extension automatically detects automation steps and displays a floating diagram panel. Use the zoom controls (+ and −) to adjust the diagram size, and click the reset button to return to 100% zoom. Click any node in the diagram to scroll to and highlight that step on the main page. Toggle "Show contact counts" to display the number of contacts at each step, and toggle "Highlight bottlenecks" to visually emphasize steps with large contact backlogs. Use the "Scan Now" button to manually refresh the diagram, or rely on automatic re-scanning when the page updates. Export the complete flow structure as text using the "Export Flow" button for documentation or analysis.

THE REASON IT WORKS WHERE OTHERS DO NOT

Unlike generic DOM scrapers that rely on fixed class names, this extension employs a multi-pass structural analysis that adapts to ActiveCampaign's complex and frequently changing automation interface. It uses a prioritized selector chain that tests over a dozen common automation container patterns, then applies type inference based on semantic text analysis combined with positional heuristics. The node detection system identifies step relationships by analyzing DOM adjacency, arrow elements, parent-child hierarchies, and inferred connection patterns, building a directed graph that accurately represents the automation flow even when explicit connection markup is missing or obfuscated. Contact count extraction uses both explicit count elements and intelligent pattern matching across nearby DOM siblings. The diagram layout algorithm normalizes node positions across different page structures, ensuring consistent visualization regardless of how ActiveCampaign renders the automation on any given page.

THE PANEL

The floating panel is fully draggable via its title bar and remembers its last position per site using localStorage, restoring it on page reload. It snaps to viewport edges when dragged near them, keeping the panel accessible without blocking page content. The panel can be collapsed to a compact bubble by clicking the minimize button, and expanded again by clicking the same button or the extension's toolbar icon. Pressing the Escape key closes the panel; reopening is done via the toolbar icon. The panel automatically reappears when navigating between automation pages, maintaining your last position and zoom settings. The diagram container supports scrollable content for large automations, with zoom controls that range from 50% to 200% to accommodate different screen sizes and automation complexity.

PLEASE NOTE

This extension requires the free BotGentz extension to be installed and enabled, as it relies on BotGentz's DOM observation and injection permissions to operate within ActiveCampaign's dynamically updating interface. ActiveCampaign frequently updates its interface; when this happens, the extension may temporarily stop working until an update is released. Please check for updates regularly. All automation data processed by the extension remains strictly local to your browser—no data is transmitted, stored, or shared with any external service. The extension reads only visible page content and does not access API endpoints, hidden fields, or sensitive automation settings. Contact counts are estimates based on visible page data and may not reflect real-time database values. This tool is designed as a visual aid for understanding automation structure and should be used alongside ActiveCampaign's native analytics for critical decision-making.