一、什么是插件代碼組件？

插件代碼組件是一個實現(xiàn)在頁面上添加一段第三方的Javascript(簡稱JS)/HTML插件代碼的模塊。插件代碼組件的應用范圍很廣泛，只要是需要在網(wǎng)站上添加第三方提供的JS/HTML代碼，都可以通過添加一個插件代碼組件并且在組件的設置中添加代碼的形式來實現(xiàn)，當然我們針對一些常用的第三方代碼提供了具有實際應用場景的組件，比如在線客服組件，您也可以在對應應用場景的組件中添加代碼。

二、如何使用插件代碼組件？

1、如何添加插件代碼組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“插件代碼”，所在位置是“高級組件”，如下圖所示：

2、如何設置插件代碼組件？

第1步： 進入組件的“設置”，進入分兩種場景

1）此組件已經(jīng)添加好的場景：進入所有這類組件設置項方法都是一樣的，可以參考這個攻略：如何進入組件的設置項？

2）新添加的組件的場景：在添加此組件時會彈出這個組件的的設置框。

第2步：把從第三方獲取的代碼添加到組件中并保存

把從第三方獲取的代碼復制粘貼在下圖所示的插件代碼輸入框中，然后單擊“保存”。

3、保存、預覽、發(fā)布

設置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺；

然后可以單擊“預覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺展示效果。

請注意：插件代碼組件在網(wǎng)站編輯后臺只顯示一個占位，要看展示效果需要到預覽界面以及發(fā)布網(wǎng)站后到網(wǎng)站前臺去看哦。

插件代碼組件在后臺展示的效果：