必须先在processon网页端开启流程图的公开分享,才能嵌入网页或生成外部链接;公开分享后,需使用/embed/开头的iframe代码或链接,而非/diagram/链接,否则显示“文档不存在”。

要在网页中直接展示ProcessOn制作的流程图,必须先让图表对外公开可访问,否则嵌入后会显示“文档不存在”;公开分享是嵌入和生成外部链接的共同前提,跳过这步所有后续操作都会失败。
开启文件公开分享
这一步不可跳过,且必须在网页端操作——手机App不支持设置公开分享。
1、登录ProcessOn账号,进入个人文件夹,找到目标流程图文件。
2、鼠标悬停在文件缩略图上,点击右侧出现的【三点图标】 → 选择“分享”。
3、在弹出的分享面板中,打开“公开分享”开关。此时系统自动生成一个/diagram/开头的普通链接,但【这个链接不能用于网页嵌入】,仅用于他人直接访问查看。
4、可选设置:勾选“访问密码”或设定“有效期”,避免内容长期暴露。若设了密码,嵌入后访客仍需输入密码才能看到图表。
获取并插入网页嵌入代码
嵌入代码本质是一段iframe HTML标签,它能保证流程图在网页中保持交互能力(如缩放、拖拽、节点点击),比单纯贴链接更可靠。
方法一:复制完整iframe代码
1、确认已开启公开分享后,回到同一分享面板,向下滚动找到“嵌入其他站点”区域。
2、点击“嵌入其他站点”旁的展开箭头,系统立即生成形如<iframe src="https://www.processon.com/embed/abc123..." width="100%" height="600" frameborder="0"></iframe>的代码。
ProcessOn (Windows) 5.14.18版本支持流程图、UML、架构图及思维导图绘制。本次更新重点优化性能与稳定性,提升大文件编辑流畅度与启动速度,新增AI智能生成图表功能,可根据文本描述快速生成流程图与思维导图,并优化多人实时协作与云端同步体验,适用于产品设计、技术架构与团队协作场景。
3、点击“复制”按钮,将整段代码粘贴到你网站HTML源码的
内任意位置即可。方法二:手动构造embed链接(仅限快速测试)
1、在“嵌入其他站点”区域,复制下方显示的链接,格式为https://www.processon.com/embed/xxxxxxxxx。
2、该链接末尾的字符串必须是/embed/开头,【绝不能是/diagram/或/share/】,否则嵌入时必然报错“文档不存在”。
3、在支持URL嵌入的平台(如飞书多维表格、Notion、部分CMS后台),直接粘贴此链接到“嵌入网页”组件中,保存即生效。
生成免登录分享链接供他人查看
适用于发给客户、同事或群聊,对方无需注册ProcessOn账号就能打开浏览,适合轻量交付场景。
第一步:在文件编辑界面右上角点击“分享”按钮(图标为链状符号或文字“分享”)。
第二步:确保“公开分享”已开启,此时下方会显示一条以https://www.processon.com/diagram/开头的链接。
第三步:点击“复制链接”,该链接可直接发送;如需增强安全性,可在同一面板中设置访问密码或截止时间(精确到分钟)。
第四步:若对方扫码更方便,点击“生成二维码”,用手机扫描即可跳转——二维码有效期与链接有效期一致,关闭公开分享后立即失效。










