header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

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

9分
Wix AI サイトチャットでは、チャットインターフェースをデザイン・カスタマイズすることで、ブランドのスタイルに反映させることができます。エディタから直接色、テキスト、レイアウトなどを調整できるため、訪問者が簡単に使用できるようになっています。
このようにパーソナライズされたタッチを加えることで、顧客はあなたのブランドへのつながりを強め、購入を完了する可能性が高まります。サイト訪問者に問い合わせを促すことで、エンゲージメントを増やし、より良いサービスを提供することができます。
Wix AI サイトチャットのカスタマイズ例が表示されている様子を示したスクリーンショット。

AI サイトチャットをデザインする

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

AI サイトチャットをデザインする方法:

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

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

サイトでの AI サイトチャットの表示方法を選択します。ページのどこに表示するかと、訪問者に新しいメッセージが表示される方法を選択します。

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

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

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

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

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

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