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

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

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

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

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

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

2、如何設(shè)置插件代碼組件？

第1步： 進(jìn)入組件的“設(shè)置”，進(jìn)入分兩種場(chǎng)景

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

2）新添加的組件的場(chǎng)景：在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置框。

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

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

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

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

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

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

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

插件代碼組件在后臺(tái)展示的效果：