メインコンテンツにスキップ
すべてのコレクションチャットボットの作成LINE版
LINEボットで複数選択を作成する方法
LINEボットで複数選択を作成する方法

LINEボットでユーザーが複数の選択肢を選べるようにするメッセージの作り方です。

CrafterSupport avatar
対応者:CrafterSupport
1年以上前に更新

LINEボットでユーザーさんに複数の回答を選択してほしいときはありませんか?

例えば「このうち興味を持っているものをいくつか選んでください」というような質問の場合です。

そんなときには「複数選択」という機能を利用することで解決します!

今回はその設定方法を説明します。

目次

1.LINE DevelopersコンソールでLIFFアプリを作成する

1-1 LINEのLoginチャネルを作成

LINE Developersにログインし、

ボットに接続しているプロバイダーで、新規チャネルを作成する。

チャネルの種類は「LINEログイン」を選択してください。

以下の画面が表示されますので、それぞれの項目を入力してください。

・チャネル名

・チャネル説明

・アプリタイプ:ウェブアプリ、ネイティブアプリの両方を選択

各項目はユーザーが複数選択を開く時に表示される「認証」画面で出てきますので、企業やサービスのロゴと名前を入れることを推奨します。

※参考:認証画面↓

最後に「LINE開発者契約の内容に同意します」にチェックを入れたら「作成」ボタンをクリックします。

※この時、全項目に「緑の✔」がある状態でないと「作成」ボタンは押せませんのでご注意ください。

1-2 LIFFアプリを作成

チャネルを作成後、以下のような画面が表示されます。その中の「LIFF」をクリックしてください。

そして「追加」ボタンを押して新規追加してください

編集画面で、LIFFアプリ名は会社またはサービス名、それ以外は以下の画像のように設定してください。

エンドポイントURLは https://webview.chatbook.ai/liff/に設定してください。

最後は一番下の「追加」ボタンを押して作成してください。

作成した後LIFFの一覧画面で以下の画像を表示されますので、「LIFF ID」をコピーしてください。

2. LINEのLIFF IDをCraftChatのリリースページで登録

ここからはCraftChatのダッシュボードに入ります。

CraftChatのダッシュボードで対象のボット内、リリース>LINEに入ります。

画面下部「オプション設定」の「LIFF ID」に先程コピーしたLIFF IDを貼付けて保存してください。

3.複数選択フォームを作成

対象のメッセージに遷移して、新規ボタンを作成します。

ボタンをクリックして編集画面を開き、通常通り次の遷移先を選択肢、その後「フォームを選択」のプルダウンから

「複数選択フォーム」を選んでください。

複数の選択肢を追加してください。

(入力後Enterキーで追加できます)

4.LINE上でテストする

LINE DevelopersコンソールでQRコードを読み取り、実際にLINE上での動作をチェックします。(詳しくはこちらをご覧ください)

初めて複数選択を実施する際、ユーザーに対し認証画面が表示されます。

ユーザーは「トークへのメッセージ送信」「ユーザーの識別子」の両方への許可が必須となります。

なお、スマホ上では複数選択はこのような形で現れます。

複数選択後はこのような形となり、次のメッセージへ遷移します。

5.公開する

実際のテストで問題ないことが確認出来たら、LINE Developersに戻り

公開設定を非公開から公開へ変更します。

「公開」状態になっていることを確認します。

以上で設定は完了です!

関連リンク

こちらの回答で解決しましたか?