網站 WhatsApp 按鈕

在每個頁面的 </body> 之前貼上程式碼。如果各頁面共用同一個頁尾，貼在頁尾一次即可。

最簡單的是免費外掛 WPCode：在 外掛 > 安裝外掛 中安裝，然後開啟 Code Snippets > Header & Footer（WPCode 的選單仍是英文），把程式碼貼到 Footer 欄位，按 Save Changes。使用 Elementor Pro 的話，在 Elementor > 自訂程式碼 中選擇放在 <body> 結尾，條件選 整個網站。WordPress.com 需要付費方案才能加入程式碼。

在 設定 > 開發與整合 > 自訂程式碼 中按 ＋新增自訂程式碼，貼上程式碼，選擇 所有頁面 和 Body──結尾，再按 套用。Wix 只在已發布、且已連結自有網域的網站上執行自訂程式碼，這需要 Premium 方案。

在 網路商店 > 佈景主題 中開啟佈景主題的 … 選單，選擇 編輯程式碼。開啟 layout/theme.liquid，把程式碼貼在 </body> 之前，按 儲存。付費佈景主題購買後才能編輯，更新佈景主題會清除這項修改。

SHOPLINE 有自己的聊天小工具：在 訊息中心 > 客服助手 > 官網聊天小工具 安裝「SHOPLINE 聊天小工具」，到 擴充功能 > 我的擴充功能 按「啟用腳本」，開啟小工具並填入含國碼的 WhatsApp 號碼後按「儲存」。目前只支援部分佈景主題，且 WhatsApp 需搭配「社群購物」。

在 網站外觀 > 套版主題管理 中，從「選擇操作」開啟「CSS/HTML 編輯器」，打開 theme.liquid，把程式碼貼在 </body> 之前，按「儲存」。佈景主題須提供這個編輯器，帳號也要有「外觀」權限；切換或更新佈景主題後程式碼不會保留。

無法加入浮動按鈕：Google 協作平台沒有讓所有頁面都加入程式碼的地方，內嵌的程式碼也只會留在所在的區塊裡。點選下方的「複製連結」，把連結放在頁面的按鈕或文字上。連結只包含號碼和訊息；要附上訪客所在的頁面，需要使用網站程式碼。

複製連結WhatsApp 連結產生器 →

在手機和電腦上開啟已發布的頁面（不是編輯器）。點按鈕核對號碼和訊息，並確認它沒有擋住 Cookie 提示或其他按鈕。

免費、免註冊，也沒有浮水印。號碼和訊息只在您的瀏覽器裡處理，不會傳給 WAWin。

不會。它不使用 Cookie、不會把訪客資料傳給任何人；除了您在聊天視窗裡填的頭像圖片，也不載入任何外部檔案。選擇對話框時，一段很短的指令碼會在 3 秒後顯示對話框；訪客關掉後，在關閉分頁前不會再出現。

對話框是按鈕旁的一句話，3 秒後出現，點它就會開啟 WhatsApp。聊天視窗和常見的網站聊天小工具一樣，訪客點按鈕時開啟，顯示您的名稱、頭像和問候語，再點裡面的按鈕開始聊天。兩種方式的對話都在 WhatsApp 裡進行。

在手機上，WhatsApp 會開啟並填好訊息，訪客只需按傳送。在電腦上，會開啟 WhatsApp 的頁面，可繼續用 WhatsApp Web 或電腦版應用程式。

在這裡重新產生按鈕，用新程式碼取代舊的。程式碼不依賴 WAWin：就算這個頁面不在了，按鈕也照常運作。

如果網站使用 Google Analytics 4 並開啟加強型評估，按鈕的點擊已會以指向 wa.me 的外連點擊記錄下來，不需要改程式碼。點擊只記錄了開啟 WhatsApp 的嘗試，無法確認對話已開啟或訊息已傳送。

把底部距離調大讓按鈕上移，或改放到另一側。