Intercom不支持直接嵌入第三方聊天窗口,需通过Custom JavaScript权限注入改造后的Dify脚本,并监听Intercom就绪事件;同时必须禁用Intercom原生入口以避免双气泡冲突。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

确认Intercom是否支持第三方嵌入式聊天窗口
Intercom原生不提供直接嵌入外部iframe或script聊天窗口的配置入口,必须通过自定义JavaScript注入方式绕过限制——这是最关键的前置条件,【若你的Intercom账户未开通Custom JavaScript权限,此方案无法执行】。
登录Intercom后台 → Settings → Developer Hub → 查看“Custom JavaScript”开关状态。只有企业版及以上套餐才默认启用该功能;如果显示灰色不可用,需联系Intercom销售升级账户。
获取Dify嵌入代码并改造为兼容Intercom的格式
进入Dify已发布的ChatApp页面 → 点击右上角【嵌入】→ 选择「Script标签」方式 → 复制生成的代码(含window.difyChatbotConfig和embed.min.js两段)。
将原始代码中baseUrl值从http://localhost或私有域名,替换为Dify云端服务地址(如https://api.dify.ai),否则Intercom用户访问时会因跨域被浏览器拦截。
删除原代码末尾的
在Intercom中注入改造后的Dify脚本
第一步:打开Intercom Developer Hub → Custom JavaScript → 点击“Add new script”。
第二步:粘贴改造后的Dify脚本,但必须包裹在Intercom SDK就绪回调内,否则脚本执行时Intercom DOM尚未加载完成,会导致气泡不显示:
if (typeof window.Intercom !== 'undefined') { Intercom('on', 'ready', function() { /*此处粘贴Dify脚本*/ }); } else { document.addEventListener('intercom:booted', function() { /*此处粘贴Dify脚本*/ }); }
第三步:勾选“Inject in all pages”,保存并发布。注意不要勾选“Run on Intercom UI only”,否则Dify气泡只在Intercom弹窗内生效,失去独立交互意义。
这一步操作起来很简单,直接把改好的代码拖进去就行,但漏掉on-ready监听会导致90%的用户看不到气泡——测试时务必用隐身窗口验证。
禁用Intercom原生聊天入口,避免双入口冲突
进入Intercom Settings → Inbox → Chat settings → 找到“Show chat widget”选项 → 切换为Off。
进入Settings → Messaging → Messenger → Appearance → 将“Launcher button”设为Hidden。
如果不关闭Intercom原生入口,用户点击官方气泡后会先弹出Intercom对话框,再叠加Dify窗口,造成界面层叠和消息分流——【此操作不可逆,关闭后所有Intercom人工会话入口将失效】。


















