[網站工具推薦] Chat by KeyReply即時通訊按鈕

191111 每日_工作區域 1

網站內除了放置表單讓訪客填寫或線上客服機器人外,今天光先生要介紹的這個好用的 Chat by KeyReply工具,雖然不是直接在wordpress裡的外掛,但他所提供的程式碼可再放置網站裡並啟用,話不多說,快來跟著光先生實際操作一遍吧!

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

Chat by KeyReply 是免費的網站工具,可在網站內放置各種聯絡方式,如:Line、Email、FB Messenger、電話等,可將程式碼加到網站,會顯示在右下角的小圖示,訪客點開後即可使用設定好的方式聯絡!

1. 至Chat by KeyReply官網

點選Get it now,進行填寫資訊!

https://keyreply.com/chat/
點選Get it now,進行填寫資訊!

2. 填寫聯絡資訊

這邊光先生選擇4種聯絡方式,分別為E-mail、FB messenger、電話、Line
作示範, 如果還有其他需求可將框框打勾,填上資訊即可!

E-mail:填上聯絡電子郵件

Facebook messenger:填上粉絲專頁ID

如何知道Facebook messenger的ID呢?

1.點進欄位下方『What is my Facebook ID?』,輸入粉專的網址,點下按鈕即可獲得ID
2.進到粉絲專頁,左側的關於,即可找到粉專ID編號

如何知道Line的QR Code連結呢?

1.登入 Line Business ID 後,左側點選Gain friens加入好友
2.複製第一個連結,貼到任一搜尋引擎,剛剛的連結會轉成需要的網址
3.複製更改好的網址貼到欄位

3.選擇聯絡圖示的顏色

有紅、橙、黃、綠、藍等,如果想自訂顏色的話可點下方的紅字link找到顏色的色碼,更換圖示的顏色!

換聯絡小圖示顏色/自訂顏色

1.先將程式碼貼到記事本或網站上
2.選好色碼並將框框處的代碼換掉,及完成自訂顏色的步驟

4.預覽聯絡功能

右下角可馬上看到顏色套用以及選定的聯絡方式!

更改聯絡方式排列順序

1.滑鼠上下拖拉欄位即可改變呈現順序

5.複製程式碼

按下『Generate Embed Code』按鈕,就會產生程式碼,複製到網站的 </body> 之前!

在wordpress網站安裝外掛貼上程式碼

1. 進入後台左方>『外掛』>『安裝外掛』>搜尋Insert Headers and Footers >安裝並啟用
2.點開設定裡的Insert Headers and Footers將程式碼貼至Scripts in Footer,儲存即套用至網站上!

7.完成設定

設定好後,可到前台查看即時通訊外掛的顯示

介紹到這邊,相信大家是不是覺得這個外掛超級實用的呢?你在找購物網站/部落格/電商/官網/一頁式網站嗎?還在煩惱怎麼下手嗎?不妨選擇我們吧!現在購買網站不僅有提供Elementor pro專業版還搭贈網站教學影片,如此好康優惠快來了解吧👉600元就能做網站

喜歡的話請幫我們到「光先生」粉絲團按讚分享,或訂閱我們的Youtube頻道哦!我們會推出更多的內容及影片的!

「以不一樣的思維進行廣告行銷,進而認同品牌價值」,
立志讓更多人知道原來廣告行銷也可以這麼好玩!!

每日學,文章推廣

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

發表留言