免費使用 · 無需註冊
WhatsApp 網站按鈕生成器
為網站生成 WhatsApp 聯絡按鈕，預覽樣式後複製 HTML 程式碼。
切換工具
02
預覽與嵌入程式碼
僅為預覽。網站本身的樣式和佈局可能影響最終位置。
嵌入程式碼會顯示在這裡。
確認按鈕預覽後，生成程式碼並新增到你的網站。
輸入內容僅在當前瀏覽器處理，不會被這些工具上傳或儲存。
新增到你的網站
- 01
換成自己的業務號碼
替換示例號碼，填寫按鈕文案，然後生成程式碼。
- 02
把按鈕放到網站上
正文按鈕放在希望出現的位置；懸浮按鈕的程式碼放在 </body> 前一次。
- 03
釋出前測試一下
分別用手機和電腦點選，確認開啟的是正確號碼的對話。
使用建站平臺？
使用網站的自定義 HTML 區域。如果平臺移除了 style 標籤，請開發者將 CSS 加入樣式表。
常見問題
你可能想知道
這會在網站裡新增線上客服嗎？
生成的按鈕會開啟 WhatsApp 對話，不是嵌入式客服工作臺，也不包含聊天機器人或自動回覆。
按鈕需要付費訂閱嗎？
生成的按鈕無需訂閱。你需要可用的 WhatsApp 號碼，以及編輯網站 HTML 和 CSS 的許可權。
可以放在 WordPress 或 Shopify 上嗎？
可使用允許 HTML 與 CSS 的自定義程式碼區塊或主題區域。不同建站平臺和套餐限制不同，如樣式被移除或無法新增程式碼，請聯絡開發者。
按鈕會追蹤訪客嗎？
生成的程式碼不包含分析指令碼。點選後訪客會進入 WhatsApp，並使用 WhatsApp 的服務。