網站右側邊懸浮聯繫按鈕

如何將模塊導入到網站中

1. 購買後下載模塊到你的電腦裡，接下來我們將它傳到網站的頁腳中
2. 在你的網站中，用Elementor編輯頁腳Footer文件，你可以從任一頁面頂部的控制欄裡找到Footer的編輯入口

3. 接下來，如下圖所示，在Footer已有內容下方點擊文件夾圖標

4. 在彈出的模板庫中，點擊右上角的上傳圖標

5. 將剛才下載的模塊文件上傳到模板庫中，以後再用就不用重傳了

6. 傳完後，在模板庫列表中找到：側邊欄懸浮聯繫按鈕，在右側點擊插入按鈕，即可將它導入到footer頁面中

7. 接下來在導入文檔設置的確認界面，點擊否

8. 你將看到懸浮按鈕已經成功導入，你可以發布footer頁面去前台查看一下效果。

如何更換圖標與圖標的鏈接

備註：如果你想在製作網站期間使用中文界面以增加便利，可以按照這篇教學的第二節的第一步修改站點語言為中文即可，期間你會發現部分頁面有中文文案，等做完網站再改回目標語言通常即可恢復。此外，當外掛無中文語言包或中文語言包不完整時，切換站點語言也是徒勞的。

如下圖所示，請在導入後點選需要修改的圖標，然後在左側的面板中更換圖標和圖標的鏈接，點擊圖標可以鏈接到對應內容。

按鈕常用的鏈接

下面列舉了發郵件、打電話、對接skype和whatsapp的鏈接代碼，記得做完後自己測試一下功能是否正常。

1. 郵箱：
   1. 如果需要點擊按鈕實現向郵箱發郵件，請在鏈接處填入：mailto:[郵箱]，譬如：
      mailto:[email protected]

      複製
   2. 如果需要點擊按鈕打開詢盤彈窗，你需要使用Elementor Pro的Popup功能。
2. 電話：如果需要點擊按鈕實現撥打電話，請在鏈接處填入：tel:[電話號碼]，譬如：
   tel:+8618100000000

   複製
   或者
   tel:+86(25)11112222

   複製
3. skype：記得把下面的號碼或名稱(name)換成你的信息
   1. 點擊按鈕直接撥打skype電話：
      skype:+1234567890?call

      複製
      ，或者
      skype:+name?call

      複製
   2. 點擊skype按鈕加好友：
      skype:name?add

      複製
   3. 點擊skype按鈕發送消息：
      skype:name?chat

      複製
4. Whatsapp：
   https://wa.me/+86180xxxxxxxx

   複製
   ，其中國際代碼+86要保留，+86之後的號碼之間不要有任何符號（譬如括號）

如何修改圖標的顏色、尺寸、邊框半徑

點選需要修改的圖標，然後在左側面板的style/樣式中，修改圖標的標準顏色（normal）和懸停顏色（hover）；

調整尺寸數值可以修改圖標的大小（Size），設置邊框半徑（border radius）為0時，圖標是直角；隨著數字越大，邊角越圓。

如何調整圖標的位置

如果你需要調整按鈕的位置，可以在按鈕的高級設置中，修改定位欄目的水平偏移和垂直偏移數值。

英漢對照：高級設置：Advanced；定位：Positioning；水平方向：Horizontal Orientation；垂直方向：Vertical Orientation；偏移：offset

增大水平偏移數值，能夠加大按鈕與右側的距離，反之亦然。

增大垂直偏移數值，能夠加大按鈕與底部的距離，你可以通過調整每個按鈕的垂直偏移數值，來排列按鈕的順序、調整按鈕的間距。

如何新增圖標

 

如果你需要復制一個按鈕，請在按鈕上右鍵，然後點擊複製功能(duplicate），複製後的按鈕會重疊在原按鈕上，記得按照上一段說的，調整垂直偏移量。

如何刪除圖標

如果你需要刪除一個按鈕，請在按鈕上右鍵，然後選擇刪除