Add Comments to Webflow Sites

FastComments を使うと、任意の Webflow サイトにライブコメント機能を簡単に追加できます。

以下の手順は単純な静的サイト向けのものですが、Webflow Collections を利用した動的サイトでも同様に機能します。

このチュートリアルには FastComments のアカウントが必要です。先にサインアップしてからここに戻ることをおすすめします。ここでアカウントを作成できます。

ステップ 1: 埋め込みブロックを追加

まず、Embedブロックを追加します。これはコメントウィジェットを表示するためのものです。

ステップ1: Embedブロックを追加

ステップ 2: FastComments.com のコードを貼り付け

Next, let's copy our FastComments.com widget code:

Installation Code

Copy

<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
window.fcConfigs = [{
    "tenantId": "demo"
}];
</script>

このコードは Live Commenting ウィジェット用です。他のウィジェットのコードはこちらで確認できます。

Now we can paste this code in the Embed Block:

ステップ2：FastComments.com のコードを貼り付ける

After adding the code, Webflow will inform you that the widget will not show in Edit or Preview mode. This is normal.

注意：コメントは公開するまで表示されません

ステップ 3: 公開

これでサイトの公開準備が整いました！

ステップ3: 公開

完了

これで FastComments.com のライブコメントウィジェットが表示されるはずです:

完了!

ドメインエラー

次のような認証エラーが発生することがあります：

ドメイン構成が見つかりません

これは、FastComments がこのドメインでアカウントの使用を許可する必要があることを認識していないためです。

この場合、対処は簡単です。あなたのサイトを FastComments.com のアカウントに追加するだけです。

サイトをアカウントに追加するにはこちらへ。

次のようにドメインを追加します：

ドメインを追加する

これであなたの Webflow サイトに高速でライブのコメント機能が追加されているはずです！

カスタマイズ

FastComments はあなたのサイトに合わせてカスタマイズできるように設計されています。

カスタムスタイリングを追加したり、設定を調整したい場合は、カスタマイズのドキュメントをご確認くださいで方法を学んでください。

言語 🇯🇵 日本語