PrestaShop 网站即时聊天
将即时聊天添加至 PrestaShop 网站需要安装特殊的 HTML 模块或编辑主题源文件。 下面我们提供了两种变体的说明。
利用 HTML / JavaScript 模块集成即时聊天
- 从 http://contentbox.org/ 网站下载 contentBox 模块。
- 登录您的 PrestaShop 管理面板。
- 在顶端菜单,打开 Modules / Modules,然后单击 Add new module 按钮。
- 浏览已下载的 contentBox 模块文件,单击 Upload this module 按钮。
- 在模块列表中,查找 contentBox 模块,然后按 Install 按钮继续安装模块。
- 现在,获取即时聊天按钮代码。登录您的 Provide Support 帐户控制面板,导航至 我的帐户 / 聊天按钮代码页面,选择显示可上传在线 / 离线图片的全功能聊天按钮代码, 然后选中生成悬浮聊天按钮代码。要在您的网站上放置聊天按钮,需要为聊天按钮指定垂直和水平值。
- 复制生成的代码。
- 返回至您的 PrestaShop 管理面板,为 contentBox 模块单击 Configure。
- 在显示的编辑器中,单击 Edit HTML source 按钮,然后粘贴之前复制的代码。
- 要保存更新,分别单击编辑器查看中的 Update 按钮和模块配置中的 Update (Save) 按钮。
即时聊天与 PrestaShop 主题直接集成
要将即时聊天按钮直接与 PrestaShop 主题集成,您需要通过标准 FTP 客户端或 CPanel 文件管理器 访问 PrestaShop 文件。
请使用下列指南,将聊天按钮添加至您的网站主题。
- 打开您的 PrestaShop 文件。
- 现在,打开 PrestaShop / Themes / 您的主题名称文件夹。可以在 PrestaShop 管理面板的 Preferences / Theme 中选中主题名称。
- 查找 footer.tpl 文件,然后使用 Notepad 打开文件。
- 获取聊天按钮代码。要获得代码,请按照 利用 HTML / JavaScript 模块集成即时聊天说明第 6 步中的建议操作。
- 将您的聊天按钮代码插入至 footer.tpl 的结束
</body>
标签之前。 - 在聊天按钮代码的
<script type="text/javascript">
部分之前插入{literal}
,然后将{/literal}
添加至结束</script>
标签之后。这将防止 PrestaShop 模板引擎评估代码。 - 保存 footer.tpl 文件中的更改,将其上传至您的 FTP 或 Cpanel
自定义即时聊天的提示和技巧:
- 在这段聊天按钮代码中,您可以手动更改其位置;
<div id="scXXXX" style="display:inline;position:fixed;z-index:9999;top:40%;left:0%;"></div>
- 您可以为聊天按钮上传自己的图片,或在帐户控制面板的帐户设置 / 图片页面中从 聊天图标图片库选择任意图片
- 上传您的操作员图片和问候消息,这会为即时聊天会话增添更多的人情味。 可以在您的帐户控制面板的我的帐户 / 操作员和部门页面中上传图片和消息