點擊下面圖片看實例Demo↓
也可以刪掉不要的內容，只留To Top按鈕做成點選返回頂部功能。
在下方购买后点“立即下载”获取下载码，输入解锁下载：
出售的是使用 Elementor Pro (點擊免費下載) 製作的Popups 線上客戶側邊欄網站版型，透過Elementor導入到網站使用。線上客服側邊欄非常重要，高頻展示催促客戶快速聯絡我們以提高轉換率。帶點擊返回頂部功能，提高用戶體驗，居家旅行，建站必備！
市面上的客服插件已經很不錯，例如我們出售的Chaty Pro客服插件已經能滿足絕大部分人需求。可是插件也有不足：1- 影響速度，普遍增加180~300 kb程式碼，含js影響渲染；2- 可自訂程度不高，完美主義者心結。
Elementor Pro現在自帶 浮動按鈕功能，可線上匯入客服側邊欄板塊。目前只有Key啟動官方版本才能使用，自訂程度不高，很多限制。支援的內容也很少，例如不支援微信二維碼圖片。迪亞莫覺得是個雞肋的存在，對小白來說有點幫助，對完美主義者來說食之無味。
小迪我有強迫症，加上是完美主義者，所以我自己動手只用 Elementor Pro 製作了幾個客服側邊欄Popups，響應式、速度快、自訂程度高、支援微信二維碼，完勝Floating Button。
Tips: 只用Elementor Pro + 自訂程式碼製作，不需要其它插件。網站必須安裝使用Elementor Pro，否則側邊欄無法使用。購買前請先了解清楚是否適用。每個樣式需要另外購買下載碼！
點擊查看客服側邊欄實例，暫時只有幾個樣式，後期會不斷增加。可使用瀏覽器F12開發者工具查看手提端、平板端、手機端顯示效果。圖示以及按鈕的形狀、顏色、大小、間距、文字內容、背景色等可自訂。
樣式1因為設計原因所以微信客服沒放二維碼圖片，只放超連結。超連結欄你可以插入二維碼圖片網址或設定點擊彈出Popup，裡面放二維碼圖片。請釋放想像力。
關於價格：
製作這些側邊欄花費迪亞莫具大時間精力，還要提供售後解決客戶遇到的問題，以我們接單每小時價格算的話至少價值幾千元！
別家也有賣這個東西，可是美觀性、實用性、可自訂程度各方面不如我們，對方賣38元。我們價格很有良心，VIP購買還有折扣。
線上客服側邊欄下載購買條款
虛擬產品具有可複製性，一經售出概不退款，詳情請移步服務條款。請先登入後再購買，喜歡哪個樣式購買哪一個，購買取得下載碼，輸入對應樣式密碼區域點「解鎖」即可下載。
迪亞莫為購買用戶提供售後服務，插件使用過程有任何疑問請在下方評論留言，有問必答。
安裝/ 使用方法
需要先安装Elementor Pro插件，然后在 Elementor > “设置” > “特性” 里面启用下图2个功能。启用后能提升网站速度以及效果，迪亚莫搭建网站都会启用。
導入模板方法：
先老老实实按下方方法导入激活侧边栏，让它在前端显示出来。然后再按你想法去调整，这样比较稳。如果你一开始就调，到时候搞乱了出问题不好排查哪里出错。
先把下载的zip文件解压出来，第一个json文件就是客服栏文件，下面教程要上传的就是这个文件。第二个TXT文件里面是阅读码，最下方使用/修改教程需要输入这个阅读码解锁查看。
1- 進入後台Elmentor「模板」 裡面的「Popups」板塊。
2- 點選頂部的「匯入模板」按鈕，選擇下載的模板，上傳購買下載的文件，依步驟匯入。
3- 使用Elementor 編輯剛才匯入的Popup模板，使用Elementor 編輯。
4- 點選「發布」 按鈕隔壁的箭頭，點選「Display Conditions」。
點選「Add Condition」設定客服側邊欄顯示/生效範圍，這是設定在哪些頁面顯示這個客服側邊欄。
按需設定生效範圍(側邊欄在哪些頁面顯示) ↓，一般是選擇「Entir Site」會在前端所有頁面顯示。點選“Next”按鈕進入下一步設定。
按下图点击启用“On Page Load”，时间输入0，会在页面加载时第一时间自动显示出来，也可以选择下滑页面到百分之几才显示，按需设置。再点右下角“Save & Close”按钮保存即可。
最後清理所有緩存，去前台刷新頁面查看，正常情況應該已經顯示側邊欄。要調整位置和內容等請看下方教學，可自訂程度非常高！修改前請務必查看下方使用/修改教學。
線上客服側邊欄使用/修改教學課程
純使用Elementor Pro製作，懂Elementor就知道怎麼改，如果不懂Elementor先去百度找教學幾分鐘可以學會。迪亞莫加了一些自訂CSS，每段CSS都有標註，一看就知道啥意思，要改啥自己調就行。
Tips: 有些设置和代码如果看不懂或者不知道啥意思，就不要改，改了可能出错！！！不懂的话只按教程微调就好，不要放飞自我！遇到麻烦联系微信客服。
为了减少大家大理解时间，大概说下修改要点。尽量不要改默认设置，每一个设置都有它的意义！改完及时点保存，去前端查看效果。
出问题就在编辑界面按 Ctrl+ Z (可按多次) 撤销操作恢复 (前提是没刷新过编辑页面)，恢复后建议马上点保存，避免误操作再次弄错。
购买后才能查看使用/修改教程，教程浅显易懂，稍微懂一点点Elementor都能看懂。遇到困难请联系微信客服。
---- 以下是使用/修改教程↓ ----
