この記事ではチャットボットの作成方法について説明します。
1. チャットフローの作成
LITTLE HELP CONNECTの管理画面にログインし、メニューの「コミュニケーション」から「チャットフロー」を選択します。
![a-Aug-28-2022-02-22-28-10-AM](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/a-Aug-28-2022-02-22-28-10-AM.png?width=688&name=a-Aug-28-2022-02-22-28-10-AM.png)
右上の「チャットフローを作成」ボタンからチャットフローを新規作成してください。「接続アカウント」にはStep.1で作成したアカウントを指定します。
![b-Aug-28-2022-02-23-22-69-AM](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/b-Aug-28-2022-02-23-22-69-AM.png?width=688&name=b-Aug-28-2022-02-23-22-69-AM.png)
2. トリガーの設定
チャットフロー編集画面の左側にあるメニュー「トリガーを選択」から「メッセージを受信」トリガーを中央のキャンバスにドラッグ&ドロップします。
![c-Aug-28-2022-02-27-07-16-AM](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/c-Aug-28-2022-02-27-07-16-AM.png?width=688&name=c-Aug-28-2022-02-27-07-16-AM.png)
トリガーで「メッセージ: テスト と一致する」と設定し、保存してください。
![d-3](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/d-3.png?width=688&name=d-3.png)
3. アクションの設定
チャットフロー編集画面の左側にあるメニュー「アクションを選択」から「メッセージを送信」アクションを中央のキャンバスにドラッグ&ドロップします。
![e-Aug-28-2022-02-31-19-97-AM](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/e-Aug-28-2022-02-31-19-97-AM.png?width=688&name=e-Aug-28-2022-02-31-19-97-AM.png)
「メッセージを受信」トリガーと「メッセージを送信」アクションを繋ぎます。
![f-3](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/f-3.png?width=688&name=f-3.png)
アクションで「メッセージ1: こんにちは!」と設定し、保存してください。
![g-2](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/g-2.png?width=688&name=g-2.png)
最後に右上のトグルボタンを押してチャットフローを有効化します。
![h-1](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/h-1.png?width=688&name=h-1.png)
LINE公式アカウントに「テスト」とメッセージを送信し、「こんにちは!」と返答されれば設定は成功です。
![IMG_2595](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/IMG_2595.png?width=226&name=IMG_2595.png)
4. 質問アクションの設定
「アクションを選択」メニューから「質問」アクションを追加し、「メッセージ送信」アクションの後に繋げます。
![x](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/x.png?width=688&name=x.png)
アクションで「質問メッセージ: 教えて!」、更新するプロパティに「購入時の役割」を設定し保存してください。選択肢の色を指定することで、ボタンを希望の色に変更できます。
![y](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/y.png?width=688&name=y.png)
LINE公式アカウントに「テスト」とメッセージを送信します。応答で返される選択肢から任意のボタンをタップしてください。
![IMG_2596](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/IMG_2596.png?width=220&name=IMG_2596.png)
HubSpotのLINEコンタクトを開き、プロパティ「購入時の役割」に選択した値が設定されていれば成功です。
![z](https://knowledge.littlehelp.co.jp/hs-fs/hubfs/z.png?width=688&name=z.png)
Step.3 メッセージ配信