很多站長喜歡使用 Disqus 來替代 WordPress 的內建留言功能,但它對 WooCommerce 的支持度似乎不是很理想,目前已知的問題是,當啟用了 Disqus 外掛之後,會和 WooCommerce 的評論功能衝突而導致評論區塊消失。

但是否 WooCommerce 就真的與 Disqus 這個好用的留言系統無緣了呢?
不! 其實只要利用幾段簡單的程式片段碼,就能把他們串接在一起了,接下來就和大家分享設定的方法。

1. 首先打開主題目錄中的 functions.php,並將下方的片段程式碼貼入,此步驟是先將內建的評論頁籤取消,若是你想要保留也可以,但就不能與 Disqus 的官方外掛同時啟用,否則會造成評論區塊消失。

2. 接著再貼上第二段程式碼,這是為了新增一個評論的頁籤並且匯入 Disqus 的留言系統。

3. 在上方的程式碼中,找到第14行中的Your_Disqus_Shortcode,把它替換成你的網站在 Disqus 上所綁定的名稱。若你還沒有在 Disqus 上加入你的網站,可點選此處新增一個。

4. 其它說明:

  • 解決 Disqus 與 WooCommerce 評論功能的衝突
  • 能和 Disqus 外掛並存
  • 不需另外安裝 Disqus 外掛也能獨立運作
  • 訪客的留言不會寫入資料庫
  • 所有留言集中在 Disqus 的 Moderate 管理介面

5. 不知道如何加入程式碼,又或者擔心更新主題時,會覆蓋掉所有設定?
你可以到 Github 上,參考我將上面兩段程式碼整合而成的外掛,或者是直接下載使用。

Github 下載

6. 下方為使用 Disuqs 替代 WooCommerce 評論功能的實際頁面截圖。

WooCommerce  Disqus 評論功能
WooCommerce 商品頁的 Disqus 評論頁籤
使用 Disqus 替換 WooCommerce 的內建評論功能
本篇文章 5 分 / 1