埋め込み

自分のサイトにコードを貼り、右下のボタンからチャットを開けるようにします。

自分のサイトにコードを 1 行貼ると、右下にチャットのボタンが表示されます。プロフィールが非公開でも使えます。

貼り方

チームの「プロフィール」の「埋め込み」に、あなたのハンドル入りのコードが出ます。「コピー」を押し、サイトの </body> の直前に貼り付けます。

<script src="https://(Creator Bot のドメイン)/widget.js" data-handle="あなたのハンドル" async></script>

設定できる項目

<script> に次の属性を付けて調整できます。

  • data-handle — どのクリエイターのチャットを開くか(必須)。
  • data-launcher — false にすると右下のボタンを隠します(既定は true)。
  • data-position — left にすると左下に表示します(既定は right)。
  • data-color — 右下のボタンの色。#rgb か #rrggbb で指定します(既定は #111827)。
  • data-src — 流入元として記録する値。100 文字まで(既定は widget:サイトのホスト名)。

自分のボタンから開く

サイトにあるボタンやリンクに data-creator-bot-open を付けると、それを押してもチャットが開きます。

<button type="button" data-creator-bot-open>資料請求</button>

右下のボタンを出さずに自分のボタンだけで開きたいときは、data-launcher="false" と組み合わせます。