Ask AI 输入栏
一种全屏小部件样式:位于中央的输入栏可展开为沉浸式对话
概述
Ask AI 输入栏是聊天小部件的另一种样式。访客看到的不是角落里的经典气泡,而是页面底部居中的输入框,邀请他们提出问题。当他们开始输入的那一刻,页面就会变成全屏对话,并附带用于查看过往对话的侧边栏。由于输入栏位于页面最显眼的位置,并省去了点击打开的步骤,访客用它发起的对话远多于气泡。
底层是同一个助手:您的知识库、AI 指令、颜色、隐私设置、线索收集、预约以及所有其他设置对两种样式均有效。人工接管、对话记录和历史对话的工作方式完全相同。
启用方法
在仪表板中打开 Customize,在 Widget Style 下选择 Ask AI 输入栏。仅此而已 - 您现有的嵌入代码和插件继续有效,新样式会在下次页面加载时出现。无需修改网站上的任何代码。
输入栏在 Pro 和 Enterprise 套餐中可用。如果您的套餐之后发生变化,您的网站会自动回退到经典气泡 - 不会出现任何问题。
占位文本
默认情况下,输入栏以 Ask AI 文本邀请访客,该文本会自动翻译成每位访客的语言。您可以在选择输入栏样式后出现的 Bar Placeholder Text 设置中,将其替换为您自己的措辞,例如:咨询我们的旅行专家。
输入栏宽度
小部件设置中的两个滑块控制输入栏的最大宽度。第一个设置大屏幕上的宽度，默认值为 640 像素。第二个（手机上的输入栏宽度）默认关闭 - 此时手机使用全屏宽度，在小屏幕上效果最佳。开启后可为手机单独设置固定宽度，以屏幕大小为上限。
仅在特定页面显示输入栏
许多网站希望在文档或帮助中心等内容较多的页面显示输入栏,而在其他所有页面使用经典气泡。启用 Show Bar Only On Specific Pages 选项,并列出页面,每行一个或用逗号分隔:
/pricing, /docs*, example.com/support
访客在匹配的页面上看到输入栏,在其他所有页面上看到气泡。像 /pricing 这样的路径无需包含域名,并且精确匹配该页面 - 结尾的斜杠没有影响。在条目末尾加上星号可覆盖整个板块:/docs* 匹配 /docs 及其下的每个页面。
通过代码控制样式
开发者可以通过 data-asyntai-style 属性直接在嵌入代码上为每个页面强制指定样式。该属性接受 bar 或 bubble,并优先于仪表板中的设置:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");s.setAttribute("data-asyntai-style","bar");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
在应显示输入栏的页面使用 bar,在其他所有页面使用 bubble - 或者干脆省略该属性。当您的页面由不同模板渲染,并且您希望在代码中而不是仪表板中做决定时,这种方式很有用。
须知事项
- 对话可在两种样式之间延续 - 在某个页面用气泡聊过天的访客,在另一个页面遇到输入栏时仍会继续与 AI 的同一段对话。
- 那些唯一作用是吸引访客打开聊天的设置 - 位置、聊天图标、自动触发、问候气泡、触发输入框和未读角标 - 不会被输入栏使用,因为它始终可见。这些设置会保留原值,供您切换回来时使用。
- 输入栏完全支持语音输入、图片上传、产品卡片、预约、邮箱和电话收集、本地化以及从右到左书写的语言。
- 在手机上,输入栏位于屏幕底部边缘上方,对话以全屏方式打开,过往对话则显示在滑入式抽屉中。