StackWhats 讓你使用 WhatsApp 和瀏覽者進行溝通！提高網站使用體驗！

內容目錄

Toggle

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略，網站使用體驗的重要性應該大家都很明白，為了提升瀏覽者的使用體驗每個網站設計師可以說是下足了功夫！其中和瀏覽者有一個流暢的溝通平台是非常重要的，他能夠在第一時間給我們反應瀏覽者的需求。之前鵠學苑做過了有關於FB的線上客服平台，但是市面上不是只有FB這一個社交平台，特別是你的主要客戶在歐洲地區的時候！ WhatsApp 就相當於他們的 LINE 所以我們要根據實際的狀況修改社交平台客服，今天就是利用 StackWhats 讓你使用 WhatsApp 和和瀏覽者進行溝通！接下來跟著鵠學苑的腳步，讓我們開始學習吧！

StackWhats官方網站
https://stackwhats.com/

StackWhats是什麼

StackWhats 是可以將 WhatsApp 這個社交平台加入到網頁中的線上工具，將生成的代碼貼到網站上以後就可以看到網頁右下角出現一個 WhatsApp 對話框，只要瀏覽者點選後就能開啟WhatsApp的網站版或APP。選擇StackWhats的原因是因為它有很多的客製化選擇可以自己調整使用者名稱、描述、大頭貼、問候語甚至是視窗顏色！可以根據自己網站的主色調和對話框進行搭配。
最後必須強調，要不要選擇WhatsApp這個社交平台就取決於用戶族群，你的主要瀏覽者是否在 WhatsApp 使用率較高的地區。

StackWhats如何操作

點擊上方的網址進入StackWhats官方網站，往下滑看到 Customize the widget 就能自定義對話框的外觀樣式和文案！
第一步：Customize your Chat Widget
進入網站以後向下滑找到Customize your Chat Widget能夠針對對話框的大小、位置、背景顏色進行調整。

第二步：內容改寫
外觀設定完成以後就要來針對內容進行改寫！這個用文字解說比較抽象，請大家參考下面的圖解！

第三步：電話設定
外觀設定完成以後就要填寫你的WhatApp訊息了！這邊要請大家特別注意 Phone Number with country code 這一欄對話框！我們在輸入電話號碼時要輸入你的 WhatsApp 電話號碼並且在最前面加上國碼，台灣是 886。（EX：8869101234567）

Tawk 線上客服系統即時通訊行銷工具 – WordPress 外掛教學
https://www.design-hu.com.tw/wordpress/wordpress-plugin/wp-tawk-to-live-chat.html
如何在 WordPress中置入FB粉絲專頁 – 建立網站社交訊號
https://www.design-hu.com.tw/wordpress/elementor-teaching/add-fb-in-page.html

代碼生成

填寫完所有的訊息以後網站就會顯示產生的程式碼，將這段程式碼貼到網站中記住是在 </body>的前面，就可以了。同時這段程式碼也會以 Email 寄到你的信箱。不過因為翻譯的問題所以中文會呈現出亂碼的狀態！

成果展示

結語：

和瀏覽者保持一個良好的溝通管道是想提高網站瀏覽品質的第一步！現在市面上有很多的社交平台到底要選用哪一個呢？這個就可以看看GA後台了解網站主要瀏覽者來自那個區域，使用那個區域最流行的社交平台會有比較好的效果！今天的教學到這裡告一段落了，不要忘記點擊 訂閱鵠學苑電子報 ，確保收到最新 WordPress 教學文章，如果有 網頁設計 相關需求，或者想了解最新網站知識，也可以到 鵠崙設計 做線上免費諮詢喔！我們下次的教學見～