WP Social Ninja 安裝社群按鈕

目錄

社群按鈕WP Social Ninja

網站上想要讓消費者可以快速與你聯繫,那麼我們會在網站右下角看到line或是Messenger或是其他聯繫的按鈕

那在 WordPress 的網站上要怎麼做呢?

這篇我們就透過WP Social Ninja來製作Messenger的按鈕

第一步:安裝外掛 WP Social Ninja

進入WordPress 後台,安裝外掛的地方,輸入關鍵字「WP Social Ninja」,看到外掛出現之後,安裝並且啟用

外掛安裝
外掛安裝

第二步:WP Social Ninja 設置新增

進入這個外掛後往下滑到最下方,看到「View Chat Widgets」點擊之後,找到「Add New Widget」按下

前往後台

第三步:新增按鈕

在畫面右邊,可以看見Add Channel,點擊之後,就開始新增

Messenger設定
Messenger設定
貼上連結
貼上連結

我們找到這次要安裝的按鈕「Messenger」選擇之後,輸入你的連結,然後就儲存,畫面上就會出現「即時範例」讓你可以更好對照製作

第四步:修改樣式

接著,我們調整顯示在前台的樣子

Template:對話框顯示的樣子

我們選擇最基礎的樣式

Chat Header:對話框的名稱及副標

輸入你的品牌名稱/暱稱,寫下合適的副標文字,下方圖片可放上品牌的LOGO或是不放也可以

調整標題、副標
調整標題、副標

Welcome Message:寫上歡迎詞

讓訪客知道這個對話框的作用

調整歡迎詞
調整歡迎詞

Channel Buttons:按鈕的文字

通常可以寫上一個小小CTA,讓訪客知道下一步動作

按鈕文字調整
按鈕文字調整

Chat Bubble Button:按鈕上的圖示

這邊有蠻多可以選擇,通常建議選最普通的,因為這是最讓人有印象的

調整按鈕icon
調整按鈕icon

Settings:版面設置

這邊就選擇放在畫面右下或左下角,最不會影響到網站其他畫面

Style:樣式調整

可以調整標題、副標、內文框的顏色,這裡最主要可以調整按鈕和顯示前台的icon的顏色,來符合你的網站色彩

以上這些調整完成之後,就可以儲存,接著回到前台你就可以看到畫面上有按鈕囉!

相關文章

網頁設計和網站開發差在哪?

網頁設計和網站開發差在哪?委託網站前先了解

網頁設計和網站開發差在哪?一篇看懂設計、開發、No-code 建置的差異,幫你在委託網站前釐清需求、預算和合作範圍。

如何提升網站使用者體驗? 7 個實用建議

如何提升網站使用者體驗? 7 個實用建議

網站做好看起來很棒,但訪客到站後沒有任何點擊就離開,問題可能不是你的產品,而是訪客進到你的網站之後,不知道下一步怎麼走

網站上線之後,流量怎麼來?

網站上線之後,流量怎麼來?

網站做好後流量怎麼來,做好網站,就像租下一間很棒的店面,裝潢美、位置好、動線順,想要有流量需要曝光才行。