On this page
LiveAgentでチャットボタンを作成する方法
このビデオチュートリアルでは、LiveAgentでチャットボタンを作成する方法をご紹介します。
ライブチャットは、顧客が求める便利な回答を提供できるだけでなく、スタッフの業務効率や会社の収益にも大きなメリットをもたらします。ライブチャットは、顧客が購入する際の信頼感を高め、全体的なカスタマーエクスペリエンスを向上させます。
ビデオの手順
- Configuration(設定)> Chat(チャット)> Chat buttons(チャットボタン)に移動し、“Create”(作成)をクリックします。
- 新しいチャットボタンのスタイル(バブル、サイド、コーナー、インライン)を選択するか、画像をアップロードするか独自のコードを記述してカスタムチャットボタンを作成します。
- 次のウィンドウで “Online button”(オンラインボタン)セクションに移動し、ボタンのテキスト、位置、カラーを変更します。
- “Chat window”(チャットウィンドウ)セクションでは、チャットウィンドウのデザイン、サイズ、タイトル、ウェルカムメッセージ、位置、カラーを設定できます。
- チャット前フォームを有効にするには、“Pre chat form”(チャット前フォーム)セクションに移動し、“Request contact information”(連絡先情報を要求する)にチェックを入れます。
- “New design”(新しいデザイン)セクションでチャット前フォームのスタイルとカラーを変更します。フィールドを追加したり、訪問者が部門を選択できるオプションを有効にするには、“Fields”(フィールド)セクションに移動します。
- 誰もチャット対応できない場合にウェブサイト上にオフラインボタンを表示したい場合は、“Offline button”(オフラインボタン)セクションの “Display offline button”(オフラインボタンを表示する)にチェックを入れます。
- ウェブサイトの訪問者がオフラインボタンをクリックすると、お問い合わせフォームが表示されます。必要に応じて、お問い合わせフォームのスタイルも設定できます。
- “Advanced settings”(詳細設定)セクションでは、チャットボタンの名前を設定し、チャットのルーティング先となる部門を選択し、チャットボタンの言語を設定できます。
- 編集が完了したら、“Create”(作成)をクリックして変更を確定します。
- 次に “Overview”(概要)セクションに移動し、表示されたコードをコピーして、ページの
</body>タグの直前に貼り付けます。 - ページを更新してチャットを開始しましょう!
チャットボタンのテキスト設定
ビデオではなく、スクリーンショット付きのテキスト手順をご希望の場合は、チャットボタン設定ガイドをご覧ください。