チャット埋め込み

表示位置

チャットウィジェットの起動ボタンとパネルを表示する位置を指定できます。

表示位置の指定

launcher.positionで指定します。

表示位置
bottom-right デフォルト右下
bottom-left左下

コード例

hisho-client/nextHishoChatWidgetlauncher.position を指定します。

import { HishoChatWidget } from "hisho-client/next";

export const Page = () => {
  return (
    <HishoChatWidget
      auth={{
        clientToken: process.env.NEXT_PUBLIC_HISHO_CLIENT_TOKEN ?? "",
      }}
      launcher={{
        position: "bottom-left",
      }}
    />
  );
};