概覽
在您的網站上新增 WhatsApp 聊天按鈕，可讓訪客輕鬆與您的商家開始對話。透過 Wati 的 WhatsApp 聊天按鈕小工具，您只需幾個步驟即可建立可自訂的聊天按鈕並將其新增至您的網站。
本指南將說明如何產生小工具、自訂其外觀和訊息，以及將其新增至您的網站。它也涵蓋 Shopify 和 WooCommerce 商店的設定流程。
說明
開始之前
使用 Shopify 或 WooCommerce 的 Wati 客戶可以直接從整合設定中新增 WhatsApp 聊天按鈕。
若要存取設定頁面：
登入您的 Wati 帳戶。
前往 Connectors > Integrations。
選擇 Shopify 或 WooCommerce。
開啟 WhatsApp Chat 並依照設定說明進行操作。
如果您有自訂網站，請依照以下步驟產生並安裝 WhatsApp 聊天按鈕小工具。
如何建立 WhatsApp 聊天按鈕
步驟 1：開啟 WhatsApp 聊天按鈕工具
前往 Wati WhatsApp 聊天按鈕 頁面。
按一下 Generate Now。
步驟 2：自訂聊天小工具
根據您的商家需求設定小工具。
輸入您的 WhatsApp 電話號碼
選擇 Phone Number。
輸入將接收來電訊息的 WhatsApp 電話號碼。
自訂預設訊息
選擇 Default User Message。
輸入訪客在開啟聊天時將會看到的訊息。
範例：
您好，我想了解更多關於貴公司的服務。
此訊息會自動預先填寫給訪客，讓他們更容易開始對話。
步驟 3：產生小工具程式碼
完成自訂小工具後：
按一下 Generate Widget Code。
複製產生的程式碼片段。
將小工具新增至您的網站
開啟您網站的原始碼。
將產生的程式碼片段貼在關閉的
</body>標籤之前。儲存並發佈您的變更。
將程式碼新增至您希望 WhatsApp 聊天按鈕出現的每個頁面。
驗證您的設定
將小工具新增至您的網站後：
在瀏覽器中開啟您的網站。
確認 WhatsApp 聊天按鈕是否可見。
按一下按鈕，以驗證它是否已開啟與正確電話號碼和預先填入訊息的 WhatsApp 對話。
將 WhatsApp 聊天按鈕新增至網站時的最佳實務
使用友善的預設訊息來鼓勵訪客展開對話。
在桌面和行動裝置上測試小工具。
自訂小工具的外觀，以符合您的網站品牌。
確保設定的 WhatsApp 電話號碼有效且能夠接收訊息。
結果
安裝小工具後，訪客可以直接從您的網站與您的商家展開 WhatsApp 對話。這為顧客聯絡您提供了更快、更方便的方式，有助於改善參與度和回應時間。
常見問題 (FAQ)
一般
1. 什麼是 WhatsApp 聊天按鈕小工具？
WhatsApp 聊天按鈕小工具是一個工具，可讓您在網站上新增 WhatsApp 聊天按鈕。訪客可以按一下按鈕，直接在 WhatsApp 上與您的商家展開對話。
2. 建立 WhatsApp 聊天按鈕需要哪些資訊？
您需要：
一個將接收來電訊息的 WhatsApp 電話號碼
一個可選的預設訊息，會在訪客開啟聊天時預先填入
3. 什麼是預設使用者訊息？
預設使用者訊息是訪客開啟 WhatsApp 聊天時看到的預先填入訊息。這有助於訪客更快地開始對話。
Shopify 和 WooCommerce
4. 我可以直接從 Shopify 或 WooCommerce 新增 WhatsApp 聊天按鈕嗎？
是的。使用 Shopify 或 WooCommerce 的 Wati 客戶可以直接從整合設定中新增 WhatsApp 聊天按鈕，這些設定位於 Connectors > Integrations > Shopify/WooCommerce > WhatsApp Chat 下。
安裝
5. 我應該將 WhatsApp 聊天按鈕小工具程式碼放在網站的何處？
產生的的工具程式碼應貼在您網站的關閉 </body> 標籤之前。
6. 我可以在多個頁面上顯示 WhatsApp 聊天按鈕嗎？
是的。將產生的工具程式碼新增至您希望 WhatsApp 聊天按鈕出現的每個頁面。
驗證和最佳實務
7. 如何驗證 WhatsApp 聊天按鈕是否正常運作？
將工具程式碼新增至您的網站後：
在瀏覽器中開啟您的網站。
確認 WhatsApp 聊天按鈕是否可見。
按一下按鈕，並驗證它是否已開啟與正確電話號碼和預先填入訊息的 WhatsApp 對話。
8. 在網站上使用 WhatsApp 聊天按鈕的最佳實務是什麼？
為了改善訪客體驗：
使用友善的預設訊息來鼓勵對話。
在桌面和行動裝置上測試小工具。
自訂小工具的外觀，以符合您的網站品牌。
確保設定的 WhatsApp 電話號碼有效且能夠接收訊息。