Disable Comments移除內建留言功能!嵌入Facebook留言功能讓你的回覆更即時

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略,和瀏覽者溝通是我們在做數位行銷很重要的一環,它的即時性也是數位行銷最大的優點之一!但是在剛剛架站後我們都是使用WordPress自帶的留言系統,現在大家用社群媒體的比例遠遠高於Mail所以如果想要真的做到即時回覆瀏覽者消息就要使用FB的留言功能,今天就要和大家分享 Disable Comments 這個外掛來移除內建留言功能,並教大家怎嵌入Facebook留言!接下來跟著鵠學苑的腳步,讓我們開始學習吧!

Disable Comments官方網站
https://tw.wordpress.org/plugins/disable-comments/
WpDevArt Facebook comments官方網站
https://wordpress.org/plugins/comments-from-facebook/

內建留言系統

先來和大家講一下內建的留言系統,網站的尾頁都可以看到留言的地方,我們不使用的原因是要想留言需要留下瀏覽者的基本資料,多一個步驟其實會大大降低瀏覽者的使用體驗,留言這種東西當然是越方便越即時越好。(還是要看產業類別,Mail留言相對比較正式也有比較強的隱蔽性)

Disable Comments

 Disable Comments 移除內建留言功能

雖然內建的留言功能也是很好用的,但是我們還是留一個留言方式就好不然瀏覽者會搞混反而得不償失。要刪掉內建功能是不可能的所以我們就要利用外掛把他移除掉。

第一步:下載外掛
和大多數的外掛一樣我們先進入WordPress後台 – 在左邊的工具欄找到外掛 – 點擊安裝外掛 – 在Search Bar打上Disable Comments – 點擊下載即可

Disable Comments

第二步:啟用外掛
WordPress的外掛在下載完成後還需要一個啟用的步驟,可以在直接點選啟用,在左邊的工具來就能看到相對應的功能鍵出現。

Disable Comments

第三步:基礎設定
Disable Comments的基礎設定相當簡單,只要把全部的留言功能關掉即可!
在左邊的工具欄找到設定 – 停用留言功能 – 選在停用區域 (在範例中就全部停用)
儲存設定後回到首頁查看內建留言功能就已經被移除了!

Disable Comments

Disable Comments

嵌入Facebook留言功能

移除內建留言功能後就是要加入FB的留言功能了,接下來的操作就比較複雜了。我們要先下載WpDevArt Facebook comments到WordPress後台,並到FB的開發者工具中進行設定就能完成FB的留言功能。
(下載外掛的部分和之前的步驟一模一樣我就不再講一次了,我們直接開始講解FB的開發者工具的使用方法)

第一步:進入FB的開發者工具
點擊連結進入FB的開發者工具登入後就可以開始進行設定

Disable Comments

第二步:建立應用程式
登入後點擊建立應用程式 – 輸入名稱和電子mail(建議使用公司的mail)

Disable Comments

Disable Comments

第三步:設定應用程式基本資料
最後就點擊基本資料填寫完成即可!

Disable Comments

第四步:將應用程式ID貼到留言外掛設定欄位
把剛剛的ID複製下來粘貼到外掛中即可,這邊光用文字很難介紹,我用圖片來和大家介紹如何使用。

Disable Comments

Disable Comments

第五步:設定出現頁面
FB留言這個功能要在哪些頁面開啟?首頁還是文章?就要在下面來勾選!最後點擊儲存就可以了,最後我們就到網頁上看結果吧!

Disable Comments

Disable Comments

結語:

留言功能是和瀏覽者溝通的重要管道之一,我們可以根據不同產業來選擇看是需要隱蔽性比較高的留言還是即時性的大家能夠互相討論的方式,Disable Comments和WpDevArt Facebook comments的使用方式都是很簡單的希望大家可以多多嘗試來豐富網站內容。今天的教學到這裡告一段落了,不要忘記點擊 訂閱鵠學苑電子報 ,確保收到最新 WordPress 教學文章,如果有 網頁設計 相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WordPress外掛相關文章:

網站資訊文章推薦

內容行銷到底要多久才能見效呢?撰寫內文時一定要遵循的潛規則!
SEO到底追不追的完?文章怎麼寫!
Google Search2020再進化,如何提升網頁品質?

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Scroll to Top