BreznFlow
BreznFlow turns n8n workflow JSON exports into interactive, zoomable SVG diagrams inside WordPress. Paste your workflow, and the plugin renders every node with brand-accurate colors, connection lines, and clickable detail panels — directly in your posts and pages. The plugin was built for mifupa.com, a personal blog where n8n automations are documented regularly. Screenshots get outdated. Embedding the n8n editor is impractical. BreznFlow solves this: one shortcode, one interactive diagram, zero external dependencies. Learn more Website: breznflow.com FAQ: breznflow.com/faq Live demo: breznflow.com/demo At a glance Renders n8n workflow JSON as interactive SVG diagrams with zoom, pan, and click 86 node types with brand-accurate colors and icons (OpenAI, Slack, GitHub, Telegram, and more) Click any node to inspect its parameters in a detail panel below the diagram Automatically masks API keys, tokens, and secrets before storage — the raw JSON is never saved 3-step import wizard: paste JSON, configure display, preview and publish 5 built-in themes (Dark, Light, Minimal, Tech, Brezn) plus custom theme import Shortcode [breznflow id="X"] with 13 attributes for per-instance configuration Action bar with share, embed, get JSON, and download actions Standalone embed page for iframe integration Related workflows by shared node types View counter and AI detection badges Zero dependencies — vanilla JavaScript, no external CDN, no tracking What makes BreznFlow different No external services. Everything runs locally inside WordPress. No CDN, no SaaS, no API calls during page loads. Security first. Sensitive data (API keys, tokens, secrets) is automatically detected and replaced with [REDACTED] before storage. The raw workflow JSON is never saved. Real interactivity. Not a static image — visitors can zoom, pan, and click nodes to see their configuration. Vanilla JavaScript. No React, no jQuery, no build step. The renderer is a single JS file that generates SVG elements directly. Built for real sites. Running on the developer’s own production sites since version 1.0. Display modes Visual — full diagram with toolbar, detail panel, and action bar Info — node counts only (InfoBox summary like “3× HTTP Request, 2× Code”) — no diagram Compact — diagram without toolbar or action bar Theme system 5 built-in themes: Dark (default), Light, Minimal, Tech, and Brezn. Custom themes can be imported as .breznflow.json files containing 41 CSS color tokens. Themes are selectable globally, per workflow, or per shortcode. Node type registry 86 predefined node types across 10 categories: Triggers, Core Logic, Data Transformation, Databases, Communication, Google, Dev Tools, AI, Storage, and CRM/Marketing. Unknown node types get a deterministic fallback with auto-generated colors — the same unknown type always looks the same. Sensitive data masking Before saving, BreznFlow runs a two-pass sanitization: All strings pass through WordPress sanitization Secret detection scans for API keys in URL parameters, sensitive header values (Authorization, Bearer, X-API-Key), and high-entropy condition values A masking log records every redaction with reason and context — visible in the wizard preview. Action bar Below the diagram, the action bar provides four configurable actions: Share — article link and anchor link for hash navigation Embed — iframe embed code for standalone embedding Get JSON — formatted JSON display with file size Download — sanitized JSON file download Each action can be enabled/disabled globally, per workflow, or per shortcode. Embed and Download use dual-gate security (global setting AND per-post permission). External Services This plugin optionally connects to external services only when you explicitly use the “Import from URL” feature in the workflow import wizard. Import from URL If you choose to import a workflow by pasting a URL instead of uploading or pasting JSON directly, the plugin makes an HTTP request to that URL using WordPress’s built-in wp_remote_get() function. When: Only when you click the “Fetch” button in the Add Workflow wizard What is sent: Only the URL you provide — no WordPress data, no user data, no cookies To whom: Whatever server hosts the URL you provide Privacy policy: Depends on the server you connect to No data is transmitted automatically. No data is sent during normal page loads or to visitors browsing your site. For security, requests to private and internal network addresses are blocked: localhost, 127.0.0.0/8, 10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16, and cloud metadata endpoints (e.g. 169.254.169.254).
Top keywords
- json11×1.55%
- breznflow9×1.27%
- workflow9×1.27%
- node8×1.13%
- data7×0.99%
- url7×0.99%
- action6×0.85%
- diagram6×0.85%
- import6×0.85%
- action bar5×0.70%
- bar5×0.70%
- embed5×0.70%
Zoho Flow – No-Code Workflow Automation
Integrate your plugins with hundreds of business applications and automate workflows between them using Zoho Flow. With an intuitive drag-and-drop workflow builder, you can connect all your apps and customize data flow between them exactly the way you want. Build automations that save time and eliminate human error—no coding required. Powerful tools to help you tailor detailed workflows Intuitive drag-and-drop flow builder Trigger from multiple sources, like app events, webhooks, schedules, emails, RSS/Atom feeds, and URLs Conditional logic using decisions, delays, and custom functions Deeper insights with dashboards and flow histories On-prem integrations to connect your apps with your on-premises system Team collaboration with Zoho Flow organizations Reduced margins of error with error branching and auto and manual reruns Try Zoho Flow for free Integrations for your favorite plugins: Online Forms Lead capture: Transfer lead information from form builders like Ninja Forms, WPForms, and Contact Form 7 to popular apps like Zoho CRM, Salesforce, and Mailchimp instantly. Feedback management: Move feedback form responses collected using Gravity Forms, Fluent Forms, and other online forms to customer support software (Zoho Desk, Zendesk) in seconds, for better customer satisfaction. Explore integrations: Contact Form 7, WPForms, Ninja Forms, Gravity Forms, Forminator, Formidable Forms, Fluent Forms, Everest Forms, Gravity Forms, Bit Form, PlanSo Forms, Quiz Maker, WS Form, Happyforms, weForms, UserFeedback, JetFormBuilder, MetForm, Kali Forms, RomethemeForm, WPZOOM Forms, Snow Monkey Forms, Gutena Forms, WP-Polls, Quiz And Survey Master, SureForms, Form Maker, Quill Forms, ARForms, BuddyForms, HTML Forms, AIO Forms Email and Notifications Reliable email delivery: Use SMTP plugin integrations to ensure reliable email delivery from WordPress, especially transactional emails. Automated notifications: Integrate email plugins with form builder plugins to add subscribers to your mailing lists automatically. Explore integrations: WP Mail SMTP, FluentSMTP, Post SMTP CRM & Marketing Automation Task management: Integrate CRM plugins with task management apps, such as Zoho Projects or Asana, to assign and manage deals, add tasks for new leads, and more. Email/newsletter campaigns: Connect marketing plugins like Groundhogg and Mailster to Mailgun or Mailchimp to create and send newsletters to subscribers. Explore integrations: FluentCRM, Groundhogg, Mailster, MailPoet, The Newsletter Plugin, Hustle, Jetpack CRM Membership and Subscriptions Subscription services: Use membership plugins, such as Ultimate Member and Simple Membership, alongside WordPress to create subscription-based services and restrict access to premium content. Seamless payments: Integrate membership plugins with payment gateways for seamless payment processing. User access control: Integrate user management plugins like User Registration with membership plugins, for comprehensive user access control. Explore integrations: Ultimate Member, Paid Memberships Pro, User Registration, WP-Members, Simple Membership, Profile Builder, BuddyBoss, Login/Signup Popup, Super Socializer, UsersWP, Restrict User Access, New User Approve, Paid Member Subscriptions, RegistrationMagic, WP User Manager, Restrict Content, DigiMember, ARMember, SureMembers Ecommerce Order fulfillment: Integrate WooCommerce with finance-based apps, such as Zoho Books or QuickBooks, to instantly create invoices for new orders. Explore integrations: WooCommerce, Download Manager, Easy Digital Downloads LMS & eLearning Online course management: Integrate plugins, such as LearnDash, with membership plugins like DigiMember to create and manage online courses with granular access controls. Explore integrations: LearnDash, Tutor LMS, LifterLMS Tables Data records and backups: Integrate table plugins with your ecommerce or inventory applications to record and manage stock history, prices, and more. Explore integrations: Ninja Tables, TablePress Anti-spam & Security Spam protection: Use anti-spam plugins to protect contact forms and comment sections in your WordPress pages from spam submissions. Explore integrations: Akismet Website & CMS Auto-generated WordPress posts: Integrate WordPress with ChatGPT to regularly post articles based on preset inputs and queries. Scheduled WordPress posts: Automatically publish content to WordPress from word processing and note-taking tools like Zoho Writer or OneNote. Explore integrations: WordPress.com (fully-hosted), WordPress.org (self-hosted), Elementor Pro, Divi, Spectra, SiteOrigin Widgets Bundle, Kadence Blocks, CoBlocks, Bricks, Otter Blocks, Essential Blocks, PublishPress Blocks Others Custom data fields: Use custom field plugins to add custom data fields to forms, posts, and more. Customer support management: Integrate form plugins with help desk tools for managing customer support tickets and inquiries. Booking management: Connect your booking plugins with calendars, payment gateways, and CRM tools to manage travel bookings efficiently. Explore integrations: Advanced Custom Fields, Code Snippets, JetEngine, Fluent Support, GiveWP, AffiliateWP, The Events Calendar, Event Tickets, Events Manager, Amelia, Bookly, WP Booking Calendar,Simply Schedule Appointments, Appointment Hour Booking, WP Simple Booking Calendar, WP Booking System, WP Travel Engine, BookingPress, Booking Package, Bookit, VikBooking, Fluent Booking, Popup Maker, FeedbackWP, Wappointment External services This plugin connects to external services provided by Zoho Corporation Pvt. Ltd. to enable integration and automation features using Zoho Flow. Zoho Flow Widget Service (flow.zoho.com) This plugin loads a widget from Zoho Flow (flow.zoho.com) to display integration templates and allow users to create automation workflows from the WordPress admin dashboard. What the service does: Displays Zoho Flow templates and provides a way to create flows. When data is sent: A request is made when an admin user opens the Zoho Flow plugin page in the WordPress dashboard. What data is sent: Selected service identifier (e.g., “contact_form_7” or other integration identifiers) Why data is sent: To load and display relevant Zoho Flow templates and enable flow creation. Service provider: Zoho Corporation Pvt. Ltd. Terms of Service: https://www.zoho.com/legal/terms.html Privacy Policy: https://www.zoho.com/privacy.html Zoho TLS Test Service (tlstest.zoho.com) This plugin performs a TLS capability check using Zoho’s test endpoint (tlstest.zoho.com). What the service does: Verifies that your server supports secure TLS/SSL connections required for Zoho services. When data is sent: A request is made during plugin initialization or setup. What data is sent: A standard HTTPS request No personal user data or WordPress site content is transmitted Why data is sent: To confirm that secure communication with Zoho services is possible. Service provider: Zoho Corporation Pvt. Ltd. Terms of Service: https://www.zoho.com/legal/terms.html Privacy Policy: https://www.zoho.com/privacy.html