likestore,您可以透過Google代碼管理工具 Google Tag Manager(GTM),在你的商店頁面中安裝「線上通訊軟體外掛程式」,讓消費者能夠即時找到線上客服解決他對於您產品/服務的疑問,還能讓消費者加速完成下單!

※開始本頁操作前,請先完成Google代碼管理工具的設定,請參考:系統操作教學>設定>網站管理>Google代碼管理(GTM)設定

※網路上有多種可安裝於GTM的外掛程式,但有可能安裝之後會與likestore的系統抵觸而造成錯誤,若您發佈了新代碼後造成您的likestore網站出現錯誤頁面,或是跑的很慢,請暫停使用該外掛程式。

本篇教各位使用免費的線上即時通訊外掛工具是 –Whatshelp,這個工具支援facebook messenger、line、whatsApp等通訊軟體,完成安裝後會出現在你商店每一個頁面的右下角(如下圖所示),讓消費者能夠透過您提供的通訊軟體服務快速找到你們!

步驟1:開啟https://whatshelp.io/widget,並點擊【Get Your Button】。
步驟2:選擇您想放在網頁上的通訊軟體 (本教學以facebook和line為例),並於下方欄位填上您facebook粉絲團與 line@的qrcode網址。
步驟3:設定外掛圖示顏色。

※於上一步驟選擇2種以上的通訊軟體才會有顏色選項,若僅選擇1種則為系統默認顏色。

步驟4:於Email欄位中輸入您的Email,並點擊【Get Button Code】。
步驟5:將出現的程式碼複製留存,將於後續步驟使用。
步驟6:開啟並登入Google代碼管理工具https://tagmanager.google.com/#/home,進入您安裝於likestore後台的容器工作區後,點擊【新增代碼】。 (請確認右上角黃框處的容器ID「GTM-xxxxxxx」與你的likestore後台埋設的代號相符)。
步驟7:於「未命名代碼」處填寫代碼名稱(例:線上客服)。 並點擊【代碼設定】的中間圖示。
步驟8:於跳出的「請選擇代碼類型」,點選【自訂HTML】。
步驟9:於HTML欄位中,貼上「步驟5」的程式碼。

※有新增【line】通訊軟體功能的使用者請注意:

請於原始碼的line行列中,於網址//前加上「https:」(如下圖所示),這樣才能正確顯示line的qrcode。

步驟10:於程式碼下方的【觸發條件】點擊中間圖示。
步驟11:勾選【All Pages】後,按右上角【新增】。
步驟12:於剛才輸入原始碼的畫面,點擊右上角的【儲存】。
步驟13:回到容器畫面後,點擊右上角的【提交】。

並設定一個「版本名稱」後點擊右上角的【發佈】,即完成設定。

※小提醒:您可以隨時進行代碼的新增與修改,但請記得修改完成後,都要「提交」與「發佈」,你的likestore前台才會顯示修改後的畫面!

設定完成後,您likestore前台畫面即會出現新增的通訊軟體外掛程式。

  • 【貼心提醒】請記得於likestore後台【設定】>【網站管理】>【外站呈現】>【Google設定】貼上GTM代碼 &     Google Analytics代碼才會出現通訊外掛程式唷。