跳转到内容
无痕工具库 无痕工具库

JivoChat 在 Joomla 上安装聊天代码教程

方法一:使用 Joomla 模板管理器安装

进入你网站的后台管理面板,然后导航到模板管理器。

扩展 -> 模板管理器。

在显示的模板列表中,选择你网站上默认使用的模板(它会以金色星标标示)。

在模板主文件(Template Master Files)部分,点击编辑主页模板(Edit main page template)。

现在你需要编辑网站的主代码。将 JivoChat 代码粘贴到 </body> 标签之前。

记得保存设置,这样就完成了!

JivoChat 代码可以在 JivoChat 应用的安装部分获取:管理 -> 渠道 -> 设置 -> 安装。

方法二:创建一个新的 Joomla 模块

进入你网站的后台管理面板,然后导航到你的个人资料。Site » 我的资料(My Profile)。

导航到 Editor: Basic Settings > Editor(编辑器:基本设置 > 编辑器)。

然后,点击下拉菜单,选择 Editor – None(无编辑器)。我们推荐此选项,因为某些编辑器会导致 JivoChat 安装不正确。

接下来,进入后台管理面板,导航到模块管理器。

扩展 > 模块管理器。

创建一个新模块,模块类型选择自定义 HTML(Custom HTML)。

现在,进入这个新模块的设置,将 JivoChat 代码粘贴到自定义输出(Custom Output)字段中。

通过模块分配(Module Assignment)选择 JivoChat 在网站上的显示位置:在所有页面上。我们推荐将其放置在页脚(footer)位置。

记得保存设置,这样就完成了!

方法三:通过 FTP 访问进行安装

你还可以使用 ftp 客户端,通过网站的源文件将 JivoChat 接入你的网站。

导航到:Templates/<你的默认模板>/index.php,并打开 index.php 文件。

复制 JivoChat 代码,将其粘贴到网站主代码中 </body> 标签之前。

方法四:手动安装 JivoChat Joomla 模块

要在你的 Joomla 网站上安装 JivoChat,你可以使用我们的模块,该模块可通过下方链接(对应不同版本)在安装部分获取。

扩展 > 管理 > 安装

Joomla 3.5 版本

Joomla 2.5 版本

Joomla 1.5 版本

将包含该模块的压缩包上传到你的 CMS。

然后进入模块部分,你应该能看到 Jivosite 模块(如果没有显示,直接添加即可)。

在新模块中,你可以设置你的窗口 ID 编号,该编号见如下代码中:

<!-- BEGIN JIVOSITE CODE {literal} -->
<script type='text/javascript'>
(function(){ var widget_id = YOUR ID NUMBER; var d=document;var w=window;function l(){
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
<!-- {/literal} END JIVOSITE CODE -->

如果你启用了地区功能,请在 Geo IP enabled 前进行设置提示。

注意: 除上述设置外,你还应设置模块的“名称”(Name)。并将标题显示(Show Title)设置到合适的位置(head、footer 或 index)。该位置应与网站模板相关联。

在浏览器中刷新你的网站页面,你应该就能在网站上看到聊天窗口了。