返回独立站接入

独立站接入教程

把右下角客服聊天装到店铺网站

照着做,不跳步 每一步都写了要看哪个页面标签、点哪个按钮、填什么内容、成功后去哪里确认。默认客户第一次使用,不要求他自己猜。
第 1 步

进入独立站接入页面

点击左侧“独立站接入”。页面里有品牌名、接口地址、按钮颜色、欢迎语、复制安装代码按钮和测试页入口。

成功标志:你能看到“复制安装代码”按钮。
第 2 步

本地测试先不要改接口

本地测试时接口地址保持“http://localhost:4189”。品牌名填店铺客服名,例如“小王店铺客服”。欢迎语写给买家看的第一句话。

成功标志:右侧或下方安装代码会自动更新。
第 3 步

复制安装代码

点“复制安装代码”。这段代码是给网站页面用的,不是发给买家的话术。

成功标志:页面提示复制成功,剪贴板里有 script 代码。
第 4 步

打开测试页

点“打开测试页”。测试页右下角应出现客服按钮。点开后输入买家问题,例如“订单 1008 什么时候到?”再发送。

成功标志:聊天窗口有真实回复,并且消息进入“消息处理”。
第 5 步

装到 Shopify

Shopify 后台进入 Online Store / Themes / Edit code,打开 theme.liquid,把安装代码粘贴到 前面,保存。

成功标志:打开店铺前台,右下角出现客服按钮。
第 6 步

正式上线时改接口地址

给真实买家使用时,接口地址必须从 localhost 改成生产域名,例如 https://gewg.click。localhost 只代表你自己的电脑,买家访问不到。

成功标志:正式网站里的安装代码不再包含 localhost。