Webサイトにチャットバブルを追加する

ウェブサイトとフォーム

Webサイトにチャットバブルを追加する

コード1行で、Webサイトに無料のチャットバブルを追加できます。

場所: 設定 → Webサイトチャット（またはライブチャット → Webサイトに設置）オーナーと管理者 6分

始める前に

Webサイトのコードを編集できること（または制作者に依頼できること）。

仕組み

しくみを順を追って説明します

ウェブサイト: チャット用のコードがすべてのページに貼り付けてあります
ウェブサイトの訪問者 → ウェブサイト: チャットバブルをタップして入力
ウェブサイト → CompanyFlowHQ: メッセージがライブチャットに届きます
自分 → ウェブサイトの訪問者: 返信すると、相手にすぐに表示されます

手順の概要

ステップ1/5

メニューの設定をタップし、セクションへ移動の行でWebサイトチャットをタップします（またはWebサイトチャットの欄まで下にスクロールします）。
Webサイトチャットを設定をタップします。
Webサイトのアドレスを入力し、追加をタップします。チャットは追加したアドレスでのみ表示されます。
デザインで、色、ウェルカムメッセージ、クイックボタン、受付時間を設定します。
Webサイトに追加で、コードをコピーをタップします。すべてのページの</body>の直前に貼り付けます。

コードの例

画面の例チャットバブルのコード

確認する場所： 設定 → Webサイトチャット → コードをコピー貼り付ける場所： Webサイトの</body>の直前（またはサイト作成ツールの「カスタムコード」欄）

これではありません： <script src="…/t.js" data-site="…"> — これは訪問者トラッキング用の行です。別のコードです。

✅ うまくいったかを確認するには

Webサイトを開くと、隅にバブルが表示される。テストメッセージを送るとライブチャットに表示される。

⚠️ よくある間違い

問題バブルが表示されない。対処法許可するWebサイトにWebサイトのアドレスを追加し、1行すべてが貼り付けられているか確認してください。

問題ページのテキストブロックにコードを貼り付けてしまった。対処法テキストボックスではなく、サイト作成ツールのコード／HTML埋め込みエリアに貼り付けてください。