# チャットボットへの画像挿入

アクセスマップの表示など、写真を用いてお客様へご案内が可能です。

![　](https://image.tripla.jp/docs/auto-message/chat_image.png)

### 掲載可能な画像 <a href="#images-that-can-be-posted" id="images-that-can-be-posted"></a>

| タイトル    | 詳細               |
| ------- | ---------------- |
| ファイル形式  | JPG, PNG, GIF    |
| ファイルサイズ | 800x800px　20MB以内 |

### 画像の設定方法 <a href="#image-settings" id="image-settings"></a>

\[チャット]→\[自動メッセージ]の順にクリックします。

<figure><img src="https://1903552031-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LL8Fdh0JdNEoueN5USH-2448855556%2Fuploads%2F3hk4768bSUwUZ8YkANzr%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-02-04%20155730.png?alt=media&#x26;token=0432e617-1b29-46d5-a4b4-d0c3e2de2dc2" alt=""><figcaption></figcaption></figure>

画面右上の\[自動メッセージ新規追加]をクリックします。

<figure><img src="https://1903552031-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LL8Fdh0JdNEoueN5USH-2448855556%2Fuploads%2Fo3t3H2C0yYRJqf6Z5UT9%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-02-04%20155011.png?alt=media&#x26;token=cf3e4d20-373c-42f0-a640-1b613fa7e9a5" alt=""><figcaption></figcaption></figure>

下の表に沿って入力を行ってください。

<figure><img src="https://1903552031-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LL8Fdh0JdNEoueN5USH-2448855556%2Fuploads%2FI0nlh0h9GVQVFpK6fQxD%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-02-04%20171835.png?alt=media&#x26;token=12ba1171-7895-4c84-b57c-a630b6cb025c" alt=""><figcaption></figcaption></figure>

| 項目             | 説明                                               |
| -------------- | ------------------------------------------------ |
| **メッセージチャンネル** | <p>一番左のウェブマークを選択<br>※SNSで利用の場合は、該当のSNSにもチェック</p> |
| **タイプ**        | 「チャット」を選択                                        |
| **タイトル**       | <p>管理画面上で表示されるタイトルを入力<br>※お客様側には表示されません。</p>     |
| **自動メッセージタイプ** | 「画像」を選択                                          |

![](https://1903552031-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LL8Fdh0JdNEoueN5USH-2448855556%2Fuploads%2FA4aHkmwdmZ9olu8exYSA%2Fauto%20message7_image_2.jfif?alt=media\&token=c518f51c-eb33-4154-a490-174b20d55787)

| 項目                      | 説明                                                                                                                           |
| ----------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| **トリガー**                | チャットボット内にどのタイミングで表示するかを選択                                                                                                    |
| **画像の上にヘッダーテキストを表示する。** | 表示させたい文章を入力                                                                                                                  |
| **画像の下にヘッダーテキストを表示する。** | 表示させたい文章を入力                                                                                                                  |
| **画像のURLを設定する**         | <p>画像をクリックした際に、表示させるページのリンクを設定<br>※アクセス方法を掲載しているページへ遷移できるよう該当ページのURLを挿入したり、 Web上に保存している画像のURLを入力し、拡大して画像が閲覧できるよう設定ができます。</p> |
| **画像**                  | チャット内で表示する画像をアップロード                                                                                                          |
| **トリガー**                | 画像を表示させるタイミングを選択                                                                                                             |

![](https://1903552031-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LL8Fdh0JdNEoueN5USH-2448855556%2Fuploads%2FDQUNbLqjmukFt94tzf9G%2Fauto%20message7_image_3.jfif?alt=media\&token=09f830c7-bc3f-488b-bfc6-1cff95be9462)

| 項目          | 説明                    |
| ----------- | --------------------- |
| **色**       | チャットボットの背景色とテキストの色を設定 |
| **表示タイミング** | 表示期間を設ける際は、期間を設定      |

| 権限      | 作業可否        |
| ------- | ----------- |
| ブランド管理者 | 施設管理画面から作業可 |
| 施設管理者   | 作業可         |
| 施設運営者   | 作業可         |