# ショップにライブチャットを追加する

> Shoprocket のショップとご自身のウェブサイトにチャットの吹き出しを表示し、お客様が閲覧中にメッセージを送れるようにします。表示する場所、色とあいさつ、サポート時間、チームが不在のときに応答する AI アシスタントを設定できます。

ヘルプセンター / 注文と顧客 - 2026年10月29日 更新

ライブチャットは、ショップの隅にチャットの吹き出しを表示します。お客様がクリックして書き込むと、会話があなたの **受信トレイ** に届き、そこで返信します。Shoprocket のショップと、Shoprocket を追加したご自身のウェブサイトのすべてのページで動作します。

この記事では、設定方法とお客様に表示される内容を説明します。チャットへの返信については、[お客様のチャットとメッセージに返信する](https://v3.shoprocket.io/ja/help/message-customers.md)をご覧ください。

例では、月曜から金曜の 9:00 から 17:00 にチャットを受け付けるオレゴン州ポートランドのコーヒーショップを使っています。

## はじめる前に

- ライブチャットは **ライブチャット** アプリで、すべてのプランで使えます。新しいストアでは最初からオンです。サイドバーの **販売** の下に **受信トレイ** が見当たらない場合は、**アプリ** に移動して、**カスタマーサービス** の下の **ライブチャット** の **追加** をクリックします。
- **AI アシスタント** は **Business** プランと **Plus** プランで利用できます。
- チャットは、ショップが公開されると始まります。ショップがテストモードの間、**設定 > チャット** には「ショップを公開すると、チャットが始まります。」と表示されます。

## ステップ 1: チャットをオンにする

1. **設定 > チャット** に移動します。
2. **ライブチャット** をオンにします。
3. **設定を保存** をクリックします。

スイッチの下の 1 行で現在の状態が分かります。準備ができると「ショップのチャットは設定済みです。」、初めてオンにしたときは「ショップのチャットを設定しています。1 時間以内に完了します。」と表示されます。

**ライブチャット** をオフにすると、吹き出しはすぐに非表示になります。過去の会話は受信トレイに残ります。チャットがオンの間は、ライブチャットアプリを **アプリ** から削除できません。

## ステップ 2: 表示する場所を選ぶ

**表示する場所** の下で次を設定します。

- **Shoprocket のショップ**: 独自のウェブアドレスで公開されているホスト型ショップ。
- **あなたのウェブサイト**: ご自身のサイトに Shoprocket を追加したすべてのページ。
- **位置**: **右下** または **左下**。
- **高さ**: 吹き出しが下端からどれだけ上に表示されるか。Cookie バナーやページ下部のバーを避けるために上げます。スマートフォンでは最大 120px までしか上がりません。

どちらかの場所をオフにすると、そこにはチャットが表示されません。新しい位置は 1 時間以内にショップに反映されます。

## ステップ 3: 見た目とあいさつを設定する

**見た目** の下で次を設定します。

- **色**: 初期設定では、**設定 > ブランディング** のブランドカラーに合わせて、吹き出しはショップに合わせた色になります。独自の色を使うには色を選び、元に戻すには **ショップに合わせる** をクリックします。
- **あいさつ**: お客様がチャットを開いたときに読む文面(例: `こんにちは! コーヒーについて何でもご質問ください。`)。空のままにすると標準のあいさつになります。

**返信** の下で、返信するときのチームメンバーの名前の表示方法を **名**(「Sam」など)、**フルネーム**(「Sam Rivera」など)、**ストア名** から選びます。

## ステップ 4: サポート時間を設定する

**サポート時間** の下で **サポート時間を設定** をオンにし、**タイムゾーン** を選んで、チャットに対応する各曜日を開き、時間を設定します。**月曜から金曜、09:00 から 17:00 を使用** をクリックすると、通常の平日の勤務時間が一度に入力されます。

この時間帯は、チャットがお客様に「オンライン」と表示します。時間外は、お客様の現地時間で、あなたが戻る時刻を伝えます。サポート時間を設定しないと、チャットはオンラインかどうかも、戻る時刻も伝えません。

終了時刻が開始時刻より早い場合は、真夜中をまたぎます。両方が同じ時刻なら、終日営業です。

## ステップ 5: AI アシスタントをオンにする(Business と Plus)

AI アシスタントは、チームが不在のときに、ショップ自身のページの内容をもとにお客様に応答します。在庫をリアルタイムで確認し、サインインしているお客様に注文の状況を伝え、対応できないときはチャットをあなたに引き継ぎます。

1. **AI アシスタント** の下で、オンにします。
2. **名前** の下で名前を付けます。お客様には、その名前で返信が表示されます。
3. **AI アシスタントが知っていること** の下で、ショップから学習した内容を確認します。ページに書かれていないこと(たとえば配送の締め切り時刻)は **メモ** に追加し、よくある質問は **質問と回答** の **質問を追加** から追加します。
4. **設定を保存** をクリックします。

ショップのページを変更したら、**ショップを再度読み取る** をクリックして新しい内容を学習させます。数分かかります。

サポート時間を設定している場合、アシスタントはその時間内だけ、チームからの迅速な返信を約束します。時間外は、チームがオフラインであることと戻る時刻をお客様に伝え、メールアドレスを尋ねて、あなたがそこに返信できるようにします。

どのチャットも受信トレイから引き継ぐことができ、アシスタントに戻すこともできます。アシスタントがその月の AI の利用枠を使い切った場合、再開するまではチームがすべてのチャットに対応します。使用量は **設定 > チャット** で確認できます。

Starter プランと Growth プランでは、AI アシスタントのセクションに、できることと必要なプランが表示されます。

## ステップ 6: お客様が書き込んだら通知を受け取る

**返信アラート** の下で次を設定します。

- **新しいチャットメッセージ**: お客様が書き込むと、チームにメールが届きます。誰かが返信するまでは、会話ごとに 1 回です。
- **未返信のメッセージについてチームにメールする**: お客様が一定時間返信を待ったときに、1 度だけメールします。**メッセージが未返信のまま、次の時間が経過したら通知** の下で、5 分、15 分、30 分、60 分から選びます。

チャットのメールは、新規注文のメールと同じ宛先に届きます。変更するには **受信者を管理** をクリックします。

**設定を保存** をクリックします。

## お客様に表示される内容

- **チャットの吹き出し**: 選んだ隅に、あなたの色で表示されます。フローティングカートボタンが同じ隅にある場合は、吹き出しの上に移動します。
- **あいさつ**: チャットを開いたときに表示され、現在オンラインか、戻る時刻が示されます。
- **あなたの返信**: 選んだ名前で表示されます。AI アシスタントの返信は、その名前で表示されます。
- **チェックアウト中はチャットが表示されません。** カートが開いている間と、すべてのチェックアウトのステップで吹き出しは非表示になるため、支払いの邪魔になりません。
- **サインイン中のお客様は識別されます。** お客様がカスタマーアカウントにサインインしている場合は、チャットの横に名前、メールアドレス、注文が **確認済み** として表示されます。お客様が離れたあとに返信すると、「ストアがあなたのメッセージに返信しました」というメールで、チャットに戻るリンクが届きます。

## よくある質問

**チャットでチェックアウトは遅くなりますか?**
いいえ。カートとすべてのチェックアウトのステップではチャットが非表示になり、チェックアウトで開いたページは、お客様がそこを離れるまでチャットを読み込みません。

**ダッシュボードのプレビューにチャットは表示されますか?**
いいえ。ダッシュボードの埋め込みプレビューにチャットは表示されないため、誤って自分とチャットを始めることはありません。

**ショップではチャットを使い、ご自身のウェブサイトでは使わないようにできますか?**
はい。**表示する場所** の **あなたのウェブサイト** をオフにして **Shoprocket のショップ** をオンのままにするか、その逆にします。

## 関連記事

- [お客様のチャットとメッセージに返信する](https://v3.shoprocket.io/ja/help/message-customers.md)
- [ホスト型ショップ](https://v3.shoprocket.io/ja/help/your-hosted-shop.md)
- [あらゆるウェブサイトに Shoprocket を埋め込む](https://v3.shoprocket.io/ja/help/embed-on-any-website.md)
- [お客様がサインインして注文を確認できるようにする](https://v3.shoprocket.io/ja/help/customer-accounts.md)

[ダッシュボードでチャット設定を開く](https://app-v3.shoprocket.io/go/settings/chat)

---

- HTML version: https://v3.shoprocket.io/ja/help/live-chat-on-your-shop
- Language: 日本語 (ja)
- Also in: [العربية](https://v3.shoprocket.io/ar/help/live-chat-on-your-shop.md), [Deutsch](https://v3.shoprocket.io/de/hilfe/live-chat-zu-deinem-shop-hinzufuegen.md), [Ελληνικά](https://v3.shoprocket.io/el/help/live-chat-on-your-shop.md), [English](https://v3.shoprocket.io/help/live-chat-on-your-shop.md), [Español](https://v3.shoprocket.io/es/ayuda/anade-chat-en-vivo-a-tu-tienda.md), [Français](https://v3.shoprocket.io/fr/aide/ajouter-le-chat-en-direct-a-votre-boutique.md), [עברית](https://v3.shoprocket.io/he/help/live-chat-on-your-shop.md), [हिन्दी](https://v3.shoprocket.io/hi/help/live-chat-on-your-shop.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/bantuan/tambahkan-obrolan-langsung-ke-toko-anda.md), [Italiano](https://v3.shoprocket.io/it/aiuto/aggiungere-la-chat-dal-vivo-al-tuo-negozio.md), [Lietuvių](https://v3.shoprocket.io/lt/pagalba/pridekite-tiesiogini-pokalbi-i-parduotuve.md), [Norsk](https://v3.shoprocket.io/nb/hjelp/legg-til-live-chat-i-nettbutikken-din.md), [Nederlands](https://v3.shoprocket.io/nl/hulp/livechat-aan-je-winkel-toevoegen.md), [Polski](https://v3.shoprocket.io/pl/pomoc/dodaj-czat-na-zywo-do-sklepu.md), [Português](https://v3.shoprocket.io/pt/ajuda/adicionar-chat-ao-vivo-a-sua-loja.md), [Română](https://v3.shoprocket.io/ro/ajutor/adauga-chat-live-in-magazinul-tau.md), [Русский](https://v3.shoprocket.io/ru/help/live-chat-on-your-shop.md), [ไทย](https://v3.shoprocket.io/th/help/live-chat-on-your-shop.md), [Türkçe](https://v3.shoprocket.io/tr/yardim/magazaniza-canli-sohbet-ekleyin.md), [中文](https://v3.shoprocket.io/zh/help/live-chat-on-your-shop.md)
