Wix AI サイトチャットをデザイン・カスタマイズする

読了時間:5分
注意:
  • AI サイトチャットは現在、Wix エディタでのみご利用いただけます。
  • AI サイトチャットを追加するには、アカウント言語を英語に設定する必要があります。
Wix AI サイトチャットのデザイン、レイアウト、および各部テキストは、サイトのスタイルやブランドに合わせて自由にカスタマイズすることができます。たとえば、チャットボックスの背景色やボタンの色を変更したり、チャットボックスが表示される位置を変更したり、チャットボックスが最小化されている際に表示するテキストを、Wix AI サイトチャットがオンラインの場合とオフラインの場合で個別に設定したりすることができます。
Wix AI サイトチャットのカスタマイズ例が表示されている様子を示したスクリーンショット。

AI サイトチャットのデザインをカスタマイズする

エディタで AI チャットアシスタントの各コンポーネントをデザインします。

AI サイトチャットのデザインをカスタマイズする方法:

  1. エディタにアクセスします
  2. 「Wix AI サイトチャット」パーツをクリックします。
  3. 設定」をクリックします。
  4. デザイン」タブをクリックします。
  5. デザインするものを選択します:

AI サイトチャットのレイアウトをカスタマイズする

サイトに表示するチャットボックスの配置、幅、高さをカスタマイズします。

AI サイトチャットのレイアウトをカスタマイズする方法:

  1. エディタにアクセスします
  2. 「Wix AI サイトチャット」パーツをクリックします。
  3. 設定」をクリックします。
  4. レイアウト」タブをクリックします。
  5. カスタマイズするものを選択します:
    • 配置:チャットボックスを、サイトの左下に表示するか右下に表示するかを選択します。
    • 幅 / 高さ:チャットボックスの幅と高さを調整します。「カスタマイズ」を選択してスライダーをドラッグすると、幅や高さを細かく調整することができます。
「Wix AI サイトチャット」パーツで「設定」をクリックし、「レイアウト」タブのオプションが表示されている様子を示したスクリーンショット。

AI サイトチャットの各部テキストを編集する

チャットボックスが開いている際と最小化されている際に表示するテキストを編集します。最小化されている際に表示するテキストは、Wix AI サイトチャットがオンラインの場合とオフラインの場合で個別に設定することができます。

AI サイトチャットの各部テキストを編集する方法:

  1. エディタにアクセスします
  2. 「Wix AI サイトチャット」パーツをクリックします。
  3. 設定」をクリックします。
  4. テキスト」タブをクリックします。
  5. カスタマイズするものを選択します:
    • チャットボックス:チャットボックスが開いている際に表示する、ヘッダーと入力欄のテキスト(例:「メッセージを入力してください」など)を編集します。
    • チャット最小化:チャットボックスが最小化されている際に表示するテキストを編集します。表示するテキストは、Wix AI サイトチャットがオンラインの場合とオフラインの場合で個別に設定することができます。
      注意:このオプションは、「デザイン」タブの「最小化されたチャット」セクションで、「テキスト・アイコン」または「テキスト」を選択している場合のみ表示されます。
「Wix AI サイトチャット」パーツで「設定」をクリックし、「テキスト」タブのオプションが表示されている様子を示したスクリーンショット。