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