Wix チャット:チャットボックスをデザインする
読了時間:5分
色とテキストをカスタマイズして、チャットボックスにブランドのスタイルが反映されるようにします。サイトでの配置と表示するページを考えましょう。訪問者が簡単に見つけて利用できるようにし、彼らからの連絡を促します。エディタから、適切なものが見つかるまでチャットボックスの外観を試すことができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/be0b50df-801c-4d6d-b81c-dc49333eccac/2022/03/22/b7c62d20-6d40-4fe4-a255-d92c7ae68ee7/0f577d38-9e93-4536-b57e-a042e8c1ba0e.png)
この記事では、チャットボックスのあらゆる側面のデザインについて詳しく説明します:
チャットボックスの表示位置と表示方法をカスタマイズする
チャットボックスを表示するページ、ページのどこに表示するか、訪問者に新着メッセージを表示する方法を選択します。チャットボックスを見つけやすくして、ビジネスによりアクセスしやすくしましょう。
チャットボックスの表示をカスタマイズする方法:
- エディタの下隅にあるチャットボックスをクリックします。
- 「設定」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/09/5941a58b-3994-4515-8bee-34cdcd8606a1/525607ff-9303-4944-a863-5cb61c42db92.png)
- 「表示」タブをクリックします。
- カスタマイズする内容を選択します:
ページ上の位置
新着メッセージの表示
チャット表示設定
チャットボックスの外観をデザインする
チャットボックスのデザインをブランドに合わせてカスタマイズしましょう。サイトの他の部分とあった色やフォントを選択して、サイト訪問者に一貫した体験を提供できます。チャットボックスのヘッダーにロゴを追加し、チャットを最小化してブランドの統一性を高めることもできます。
チャットボックスをデザインする方法:
- エディタの下隅にあるチャットボックスをクリックします。
- 「設定」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/09/cf3c9bdc-c33e-4017-bdd9-fa3e1c44ca2c/63332519-5efc-4f2e-bb56-c87eae6e89ca.png)
- 「デザイン」タブをクリックします。
- カスタマイズする内容を選択します:
ビジネスのロゴ
最小化されたチャット
背景・メッセージ
ヘッダーデザイン
枠線の設定
チャンネル
チャットボックスに表示するテキストを設定する
チャットボックスにデフォルトのテキストを表示するか、通常時の応答時間を表示するかを決定します。チャットボックスが最小化されたとき、またはチャットができないとき(退席中)に表示するテキストを入力します。ビジネスと連絡を取る方法に関する事前情報を訪問者に提供します。
チャットボックスのテキストを設定する方法:
- エディタの下隅にあるチャットボックスをクリックします。
- 「設定」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/09/f47164fb-0b6f-4950-b5cb-c0db607180f1/8584dbca-a722-435d-a7cc-979c79685a00.png)
- 「テキスト」タブをクリックします。
- カスタマイズする内容を選択します:
チャットがオンのとき
通常時の応答時間
最小化している時
オフラインのメッセージ
次のステップ:
ビジネスに最適となるように Wix チャットの設定をカスタマイズできます。