WordPress外掛教學 – 在你的WordPress網站安裝Get Button線上即時客服

Last Updated on 2022-11-28 by 吉米創意

一個好的網站除了有詳細的商品或服務介紹外,如果能提供線上客服,讓潛在顧客有問題時,能立即聯絡到客服,解答客人的疑問,便能增加成交的轉換率。本文將教你安裝Get Button外掛,串接各種溝通渠道。

STEP 1  安裝外掛

到左側的外掛,選擇安裝外掛,在搜尋欄搜尋get button (如下圖),按“立即安裝”,安裝完成後按下啟用

STEP 2  點入連結到官網

到GetButton中,會看到step 1中的連結,點getbutton.io這個連結,會連結到官網

STEP 3 設定

進到官網,點 Get Your Button的按鈕

STEP 4 選擇聯絡方式的種類  

選擇你想使用的聯絡方式,舉凡FB messenger、LINE、IG、Email、電話等等都可使用,直接點下 icon

STEP 5 查詢粉專編號

選擇使用FB messenge,需要粉絲專頁編號,請到粉絲專頁的“ 關於 ”頁面,拉到最下面會看到粉絲專頁編號,複製粉絲專頁編號

STEP 6 設定連結

將剛才複製的粉絲專頁編號貼上

STEP 7 修改問候語

將Call to action改成 吸引人詢問的問候語,這邊改成“ 哈囉~有問題歡迎詢問 ”

STEP 8 取得程式碼

這邊填入自己的email,然後點下 Get Button Code 來取得程式碼

複製下方的程式碼

SETP 9 貼上程式碼,完成設定

回到WordPress後台,到GetButton的表格中,貼上剛才複製的程式碼,然後儲存設定

完成

線上客服到這邊算是完成,但滑到網頁最下面時,客服的位置會遮到下方的TOP,這時就需要CSS來微調位置。

將按鈕往上移的CSS技巧

到WordPress後台的外觀,然後選自訂

接著會進到自訂的後台,選擇 “ Custom CSS ”

複製下面這串程式碼後,然後貼到Custom CSS的程式表格中(如下圖),完成後按發佈

/*GetButton*/

.sc-7dvmpp-1,.q8c6tt-2{
margin-bottom:60px;
}

.sc-1s18q3d-0 .q8c6tt-2{
margin-bottom:0px;
}

@media only screen and (max-width: 414px), only screen and (max-device-width: 414px){
.sc-7dvmpp-1,.q8c6tt-2{
margin-bottom:40px;
}

然後到前台確認位置是否調整成功,可以看到位置稍微往上移,不會擋到了,這樣就整個完成!!!

點下客服按鈕,就會顯示你所設定的平台

以上就是安裝Get Button的教學

總結

越來越多電商網站會加入私訊聊聊的線上客服,目的是與潛在顧客的溝通更加容易,讓你的顧客只需要幾秒種就可以開始與你交流,鼓勵潛在顧客進行對話。

現在你只要安裝一個外掛就可以連接多種溝通的渠道,替你的生意增加更多的可能性,真的非常方便!更棒的是Get Button提供免費試用,如果想要更客製化的色彩來符合企業調性,也可以使用付費版。


如果對文章內容有任何問題,歡迎在底下留言讓我知道。

歡迎按讚吉米創意的FB粉專IG,會有最新文章、設計分享、網站架設等主題。

如果這篇文章對你有幫助,可以幫我在下方按 5 個Like,你的一個小動作能支持我持續寫出好文章來分享!

回到頂端