網站如何實現打開網頁自動彈出在線客服對話框

摘要：

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

網頁自動彈出在線客服對話框

什么是在線客服對話框

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

網站如何實現打開網頁自動彈出在線客服對話框

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

1、使用快商通生成代碼

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

獲取在線客服js代碼

2、將代碼添加到網頁中

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

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

設置對話框

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

設置自動彈窗條件

在實現功能的過程中常見的問題

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

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

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

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

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

總結：

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