FastComments.com

在 Webnode 網站上添加評論

Webnode 的 HTML 區塊是我們用來嵌入評論小工具的方式。自 2023 年 6 月 26 日起,此區塊已成為付費的 Webnode 功能:在免費方案中不可用,且此日期之後建立的專案需要升級為付費方案才能使用它。如果在編輯器中看不到 HTML 選項,請升級您的 Webnode 方案,該選項即會出現。

步驟 1:編輯您的頁面 Internal Link

首先,我們需要編輯想要加入留言的頁面的範本。

在 Pages 中打開該頁面,然後在底部點擊 Edit:

步驟一:編輯頁面
編輯頁面

步驟 2:添加區段和 HTML 區塊 Internal Link

接下來,決定您想在哪裡新增留言。將滑鼠移到上一個內容區域的底部,然後點擊以新增一個區塊:

步驟二:新增區塊
新增區塊

現在讓我們在該區塊中放置一個 HTML 區塊,程式碼片段將放在這裡。選擇 HTML:

注意: 自 2023 年 6 月 26 日起,Webnode 的 HTML 區塊為付費功能。免費方案不提供此功能,且在該日期之後建立的專案需要高級方案才能使用。如果您沒有看到 HTML 選項,請升級您的 Webnode 方案以啟用它。

步驟三:新增程式碼區塊
新增 HTML 區塊

步驟 3:複製並貼上程式碼片段 Internal Link

現在,複製此程式碼片段:

安裝程式碼
Copy Copy
1
2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5window.fcConfigs = [{
6 "tenantId": "demo"
7}];
8</script>
9

然後將它貼到區塊中:

步驟三:貼上程式碼
貼上程式碼

在編輯器中應該會像這樣:

步驟三:檢查
檢查

Webnode 不會在編輯器中呈現 HTML 區塊,因此您會看到一個佔位符,指出基於安全原因無法顯示內容。這是正常現象。留言組件只會在您發佈後才會出現,我們接下來就會進行發佈。

步驟 4:發佈 Internal Link

現在您可以發佈您的變更,並在網站上看到留言小工具即時顯示!

步驟四:發佈
發佈

成功 Internal Link

您現在應該可以看到 FastComments.com 的即時留言小工具:

完成!
完成!

自訂 Internal Link

FastComments 設計為可客製化以符合您的網站。

如果您想新增自訂樣式或微調設定,請查看我們的自訂與設定文件以了解如何操作。