NEWT Chatドキュメント
連携

ウェブサイトへの埋め込み

ウェブサイトにチャットウィジェットを埋め込むためのコード取得と設置方法

「ウィジェット連携」ページの「埋め込み」タブで、ウェブサイトにチャットウィジェットを埋め込むためのコードを取得できます。

埋め込みコードの取得

ウィジェット連携ページを開く

  1. ダッシュボードの「ウィジェット連携」ページを開きます
  2. 「埋め込み」タブを選択します

埋め込みコードの確認

「ウィジェットのセットアップ」セクションに、埋め込み用のコードが表示されます。コードには、エージェント固有のwidgetIdが含まれています。

ウィジェットの埋め込みコード

コードのコピー

「コピー」ボタンをクリックして、埋め込みコードをコピーします。

埋め込みコードの設置

設置場所

コピーしたコードを、ウェブサイトの<head>セクションまたは</body>タグの直前に配置してください。

コードの例

<script>
  window.newtChatSettings = {
    widgetId: "your-widget-id",
  };
</script>
<script src="https://chat-widget.newt.net/embed.js" async></script>

設置後の確認

ページを更新して、チャットウィジェットが表示されるか確認します。

ウィジェット設置後の表示例

ウェブサイトへの埋め込み