之前有給大家說了網站pc端右側的在線客服設置,現(xiàn)在給大家說一下手機端的在線客服設置。手機端的在線客服可以支持在線一鍵撥打電話,發(fā)送短信哦。
進入網站設計,在網站左上角的下拉鍵打開網站編輯頁面。
在網站管理里找到獨立板塊。添加一個獨立板塊“手機在線客服”。
?
編輯獨立板塊內容,點擊藍色加號,在彈出的左側板塊中添加“手機底部在線客服”板塊;
?
?
這個板塊是僅在手機端顯示,所以在添加之后,不會顯示(因為默認是在pc端編輯)所以在修改板塊內容的時候,需要把模式切換到手機模式下。
點擊文字就會彈出編輯欄,雙擊文字就可以修改顯示的文字,點擊齒輪就可以設置撥打電話或者發(fā)送短信的手機。
?
如果需要在文字上面添加圖標,也可以選擇設置齒輪,設置圖片。
修改電話號碼只需要修改”tel:“后面的數(shù)字就好了。
設置好之后,發(fā)布保持獨立板塊內容,回到編輯頁面,在網站管理中,找到網站設置中的交互設置。
添加交互事件
事件選擇載入--指網站頁面加載就生效;
目標元素選擇獨立板塊---剛剛使用獨立板塊做的手機在線客服內容;
選擇板塊”手機底部客服“--剛剛設置的客服內容;
動作選擇顯示。整個的設置意思就是:在加載進入網站的時候,手機底部客服這個獨立板塊就開始顯示出現(xiàn)。
下面的尺寸設置為寬640px,高為auto;
位置設置為X: 50% Y:100%;
?
錨點選擇中下位置;
遮罩設置關閉。
最后添加保存。最后一定要在這里選擇保存,最后右上角發(fā)布。
之后就可以瀏覽一下網頁,查看效果了。
可以看到在pc端,網站底部不會有剛剛設置的底部在線客服;
在手機端瀏覽的時候,就可以看到剛剛設置的手機端在線客服了。
常見問題