如何使用插件代码组件？

一、什么是插件代码组件？

插件代码组件是一个实现在页面上添加一段第三方的Javascript(简称JS)/HTML插件代码的模块。插件代码组件的应用范围很广泛，只要是需要在网站上添加第三方提供的JS/HTML代码，都可以通过添加一个插件代码组件并且在组件的设置中添加代码的形式来实现，当然我们针对一些常用的第三方代码提供了具有实际应用场景的组件，比如在线客服组件，您也可以在对应应用场景的组件中添加代码。

二、如何使用插件代码组件？

1、如何添加插件代码组件？

在页面上添加组件的方法都是一样的，单击查看如何添加组件？

添加的组件名称为“插件代码”，所在位置是“高级组件”，如下图所示：

2、如何设置插件代码组件？

第1步： 进入组件的“设置”，进入分两种场景

1）此组件已经添加好的场景：进入所有这类组件设置项方法都是一样的，可以参考这个攻略：如何进入组件的设置项？

2）新添加的组件的场景：在添加此组件时会弹出这个组件的的设置框。

第2步：把从第三方获取的代码添加到组件中并保存

把从第三方获取的代码复制粘贴在下图所示的插件代码输入框中，然后单击“保存”。

3、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮，目的是把此修改保存到网站后台；

然后可以单击“预览”按钮查看不同终端下展示的效果，如果不合适可以到后台再做修改；

如果需要让访客也看到，请单击页面右上角的“发布”按钮，发布之后稍等两分钟左右即可看网站前台展示效果。

请注意：插件代码组件在网站编辑后台只显示一个占位，要看展示效果需要到预览界面以及发布网站后到网站前台去看哦。

插件代码组件在后台展示的效果：