網(wǎng)站如何實現(xiàn)打開網(wǎng)頁自動彈出在線客服對話框

摘要：

網(wǎng)站可以通過添加在線客服js功能代碼，實現(xiàn)打開網(wǎng)頁自動彈出在線客服對話框的效果，利用快商通在線客服系統(tǒng)可以快速生成網(wǎng)頁對話框所需的js代碼，本文將講解網(wǎng)站添加在線客服的詳細步驟。

網(wǎng)頁自動彈出在線客服對話框

什么是在線客服對話框

在線客服對話框（窗口）是企業(yè)網(wǎng)站中客服用來與網(wǎng)站用戶進行在線溝通對話的客服功能，當用戶訪問網(wǎng)站時停留數(shù)秒后，會在右下角自動彈出迷你對話框（移動端可以實現(xiàn)強制全屏對話等效果），讓用戶直接進入與客服人員的對話界面中。

網(wǎng)站如何實現(xiàn)打開網(wǎng)頁自動彈出在線客服對話框

網(wǎng)站本身并不具備用戶訪問時自動彈出聊天對話框的功能，必須依賴頁面加載外部js代碼來實現(xiàn)，我們只需要找到能免費提供im功能的在線客服軟件生成js代碼，然后在網(wǎng)頁代碼中添加這段代碼讓功能被執(zhí)行就可以了，下面介紹詳細步驟。

1、使用快商通生成代碼

搜索快商通找到官網(wǎng)，下載在線客服軟件并完成注冊。隨后登錄快商通，在“設置中心”找到“代碼生成”，可以拿到系統(tǒng)自動生成的js代碼，將這串代碼復制一下（默認是PC網(wǎng)站的js代碼，如果是移動網(wǎng)站記得先選移動圖標再復制代碼）。

獲取在線客服js代碼

2、將代碼添加到網(wǎng)頁中

打開網(wǎng)站后臺，找到footer.php或者footer.htm文件（這是網(wǎng)頁的尾部模板，每個頁面都會調用他）打開，在開頭第一行用回車鍵創(chuàng)建出新的一行，把上一步拿到的代碼添加進去，然后點擊保存設置。

3、設置自動彈出在線客服對話框的條件

設置對話框

在左側找到“圖標設置”并點擊，然后點擊右側的“迷你對話框”，進入設置頁面后可以詳細設置訪客瀏覽頁面n秒后自動彈出對話框。完成設置以后保存就可以了（記得把迷你對話框的選項激活，如下圖）。

設置自動彈窗條件

在實現(xiàn)功能的過程中常見的問題

1、主頁功能正常但內頁沒有效果

出現(xiàn)這種情況的原因是因為網(wǎng)站為了做SEO的友情鏈接，把footer模板文件分成了首頁專用和內頁專用的兩個版本，代碼復制到的footer.php文件只是首頁調用的，要找到另一個帶有footer字樣的內頁尾部模板文件，把代碼添加進去就解決了。

2、代碼添加上去了就是沒反應

出現(xiàn)這種情況的原因就是因為代碼放置位置錯了，首先打開網(wǎng)頁后右鍵點擊查看網(wǎng)頁源代碼，使用ctrl+f查找js代碼看有沒有出現(xiàn)在源碼中，如果有則說明是位置放置錯了，聯(lián)系快商通在線客服幫忙處理就可以了。

通過快商通客服軟件生成出來的js代碼是肯定沒問題的，只要將代碼添加到正確的頁面位置上，任何一個網(wǎng)站或網(wǎng)頁都可以生效。按f12看看有沒有報錯，或發(fā)現(xiàn)因為添加了這端js代碼讓其他頁面樣式出錯了，那么無疑就是代碼的位置添加錯了，一般都是這種情況比較多。

總結：

通過借助在線客服軟件生成js代碼，將代碼復制到網(wǎng)站footer模板中，就可以讓每個頁面都實現(xiàn)用戶訪問自動彈出在線客服對話框的效果，整體過程并不難，流程也不復雜，如果按照上述方法操作依然無法成功，可以聯(lián)系快商通在線客服進行一對一協(xié)助。