比較バージョン

キー

  • この行は追加されました。
  • この行は削除されました。
  • 書式設定が変更されました。

ダイアログのスタートアップガイドです。

こちらの記事は、ダイアログのツリー作成・編集手順についてご紹介しております。
画面構成などダイアログ機能の概要については、スタートアップガイド(概要編)をご確認ください。

目次
minLevel1
maxLevel7

情報

前提

ダイアログをご利用希望の場合は、弊社カスターマーサクセス担当者から概要及び設定方法についてご案内させていただきます。
ご利用をご希望の場合は、弊社カスターマーサクセス担当者にご連絡ください。

情報

設定の流れ

ダイアログの設定の流れは大きく分けて以下です。

  1. ダイアログ画面でシナリオを設定する

  2. チャットボタン設定画面でチャットボタン設定とダイアログの紐付ける

...

パネル
panelIconId31-20e3
panelIcon:one:
panelIconText1️⃣
bgColor#DEEBFF

ダイアログ画面でシナリオを設定する

パネル
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

各メッセージタイプの役割について

シナリオ設定手順の前に、各メッセージタイプの役割についてご紹介します。
メッセージタイプの役割は、大きく分けて4つに分類できます。

...

役割ごとにメッセージタイプと設定項目を1つずつ紹介いたします。

パネル
bgColor#E3FCEF

メッセージをまとめる

メッセージコンテナ

複数メッセージタイプをまとめて投稿したい場合などにご利用いただくメッセージタイプで
メッセージコンテナの中に、複数メッセージを設定します。
メッセージコンテナの詳しい内容についてはこちらの記事をご覧ください。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須

同時に投稿されるメッセージ

同時に投稿されるメッセージを設定してください。(複数メッセージ追加可能)
新規メッセージを作成して追加もしくは設定済みのメッセージを追加ください。

パネル
bgColor#E3FCEF

メッセージを発話して繋げる

リスト

質問の選択肢リストを設定できます。ユーザーが選択した選択肢に応じて発話するメッセージを設定でき、次のメッセージに繋ぐことができます。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須



リスト表示文

リスト上に表示される文字を設定してください。

4️⃣

必須

メッセージを追加(ボタン上の表記)

リスト表示文(3️⃣)をクリックした後に、投稿させるメッセージを設定してください。
新規メッセージを作成して追加もしくは設定済みのメッセージを追加ください。

...

チップ(値付き)

質問の選択肢チップを設定できます。ユーザーが選択したアイテムに応じて発話するメッセージを設定でき、次のメッセージに繋ぐことができます。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須







チップ表示文

チップ上に表示される文字を設定してください。

4️⃣

必須

メッセージを追加(ボタン上の表記)

チップ表示文(3️⃣)をクリックした後に、投稿させるメッセージを設定してください。
新規メッセージを作成して追加もしくは設定済みのメッセージを追加ください。

...

画像スライダー(アイテム)

複数の画像をスクロールして閲覧することのできる画像タイプのメッセージタイプを設定できます。
ユーザーが選択したアイテムに応じて発話するメッセージを設定でき、次のメッセージに繋ぐことができます。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須






画像上表示文

画像上に表示させるテキストを入力してください。

4️⃣

必須

メッセージを追加(ボタン上の表記)

画像上表示文(3️⃣)をクリックした後に、投稿させるメッセージを設定してください。
新規メッセージを作成して追加もしくは設定済みのメッセージを追加ください。

5️⃣

必須

画像URL

表示する画像のURLを入力してください。

6️⃣

任意

代替テキスト

画像が表示されない時に表示されるテキストを入力してください。

パネル
bgColor#E3FCEF

メッセージを発話してコンテンツを表示する

テキスト

ユーザーが選択したリストの選択肢に応じて、発話させるテキストメッセージを設定できます。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

...

画像

ユーザーが選択したリストの選択肢に応じて、発話させる画像タイプのメッセージを設定できます。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

任意

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須

画像URL

表示する画像のURLを入力してください。

4️⃣

任意

代替テキスト

画像が表示されない時に表示されるテキストを入力してください。

...

イメージカード

ユーザーが選択したリストの選択肢に応じて、発話させる画像とテキストタイプのメッセージを設定できます。
画像、テキストにリンクボタンの設置ができます。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

任意

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須

画像URL

表示する画像のURLを入力してください。

4️⃣

必須

キャプション

画像の下に表示されるテキストを入力してください。

5️⃣

必須

遷移先URL

リンクボタンをクリックした後に遷移するページのURLを入力してください。

6️⃣

必須

リンクテキスト

リンクボタンに表示させるテキストを入力してください。

...

YouTube

ユーザーが選択したリストの選択肢に応じて、発話させるYouTubeタイプのメッセージを設定できます。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

任意

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須

動画ID

表示させるYouTube動画の動画IDを入力してください。

4️⃣

任意

オートプレイ

メッセージが表示後、自動で動画再生させたい場合はこちらの項目にチェックを入れてください。

5️⃣

任意

終了通知

動画再生終了時に、サーバーに終了通知を送る場合はこちらの項目にチェックを入れてください。

...

チップ(値なし)

ユーザーが選択したチップに応じて、ユーザー側の吹き出しとして発話させるメッセージを設定できます。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須







チップ表示文

チップ上に表示される文字を設定してください。
チップ表示文をタップ後、チップ表示文に設定した文字がユーザー側の吹き出しとして発話されます。

...

マークダウン

ハイパーリンク表示ができます。(以下画像の「こちら」)

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

[リンクテキスト](URL)と入力することで、[]内に入力したリンクテキストを、指定したURLへリンクできるようになります。

※上記サンプル画像を実現したい場合の記述例
空色商店へようこそ!

おすすめ商品一覧は [こちら](https://solairo.co.jp) をご覧ください。


▼その他マークダウン記法の記述例

・電話番号

[リンクテキスト](tel:発信先の電話番号)

※記述例)
電話でのお問い合わせは[こちら](tel:0312345678)image-20240423-090242.pngImage Added

・メールアドレス

[リンクテキスト](mailto:リンクしたいメールアドレス)

※記述例)
メールでのお問い合わせは[こちら](mailto:sample@solairo.jp)
image-20240423-090309.pngImage Added

(電球オン) 吹き出し内で改行をしたい場合

以下のいずれかの方法で改行が可能です。
・1行空白の行を入れる
・文末に半角空白スペースを2つ入れる
※「\n」の使用はできません。

...

画像スライダー(リンク)

複数の画像をスクロールして閲覧することのできる画像タイプのメッセージタイプを設定できます。
ユーザーが選択したアイテムに応じて遷移させるページのURLを設定します。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須






画像上表示文

画像上に表示させるテキストを入力してください。

4️⃣

必須

遷移先URL

画像クリック後に遷移するページのURLを入力してください。

5️⃣

必須

画像URL

表示する画像のURLを入力してください。

6️⃣

任意

代替テキスト

画像が表示されない時に表示されるテキストを入力してください。

...

画像スライダー(アタッチメント)

複数の画像をスクロールして閲覧することのできる画像タイプのメッセージタイプを設定できます。
ユーザーが選択したアイテムに応じて表示させるアタッチメント(アイテム一覧)を設定します。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

任意

投稿メッセージ

吹き出しとして投稿されるメッセージを入力してください。

3️⃣

必須

画像アイテム

スライダー上に表示させる画像アイテムを追加してください。

4️⃣

必須

画像上表示文

画像上及びスナックバー上に表示させるテキストを入力してください。

5️⃣

必須

タグ

アタッチメント検索に使用する商品に紐づくタグを入力してください。

6️⃣

必須

画像URL

表示する画像のURLを入力してください。

7️⃣

任意

代替テキスト

画像が表示されない時に表示されるテキストを入力してください。

...

アタッチメント

アイテムの一覧をWebサイトの商品を連携し、アイテム一覧を表示することができます。
※特定のサービスをお申し込み頂いているお客様のみ利用できます。通常はご利用いただけませんのでご了承ください。

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

任意

テキスト

スナックバー上に表示させるテキストを入力してください。

3️⃣

任意

タグ

アタッチメント検索に使用する商品に紐づくタグを入力してください。

4️⃣

任意

スナックバー省略

スナックバーの表示を行わずにアタッチメントを起動させたい場合は、こちらの項目にチェックを入れてください。

...

スペシャルタグ

スペシャルタグで設定したアイテム一覧を表示することができます。
※スペシャルタグの設定方法についてはこちらの記事をご確認ください。
【スペシャルタグ】画面の解説

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

任意

テキスト

スナックバー上に表示させるテキストを入力してください。

3️⃣

任意

タグ

スペシャルタグで設定したタグ名を入力してください。
スペシャルタグの接頭文字 (デフォルトは##)の入力は不要です。

4️⃣

任意

スナックバー省略

スナックバーの表示を行わずにアタッチメントを起動させたい場合は、こちらの項目にチェックを入れてください。

パネル
bgColor#E3FCEF

オペレータに繋げる

オペレータ接続

有人接客に切り替えることができます。
※BOTのみをご利用の場合は、こちらのメッセージタイプはご利用いただけません。

...

パネル
panelIconId2699
panelIcon:gear:
panelIconText⚙️
bgColor#E6FCFF

シナリオを新規作成する

まず、シナリオの新規作成方法をご案内します。
こちらで作成したシナリオは設定最後でダウンロードいただけます。

パネル
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#E3FCEF

シナリオ先頭メッセージの追加について

シナリオ先頭にチェックあり:「シナリオ先頭メッセージ追加」の場合

...

パネル
panelIconId2699
panelIcon:gear:
panelIconText⚙️
bgColor#E6FCFF

シナリオを編集する

シナリオの編集方法についてご紹介します。

  1. タブ:テスト環境の「編集」ボタンをクリックします。

  2. タブ:ツリーを選択します。

  3. 「+」をクリックし、ツリーを展開します。

  4. ツリー上から編集をするメッセージをクリックします。


    画面下部のメッセージ編集画面でメッセージの編集または追加を行ってください。

  5. 編集作業が完了したら「保存」ボタンをクリックします。


    右下に「保存しました」が表示されましたら、テスト環境での設定保存が完了となります。



    タブ:テスト環境で保存した設定を本番反映させたい場合は、「テスト環境を本番環境へ反映」ボタンをクリックしてください。


    本番環境への反映確認ウィンドウが表示されましたら、右側「はい」ボタンをクリックします。


    右下に「環境への反映が完了しました」が表示されましたら、本番環境への反映が完了となります。



パネル
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#E3FCEF

メッセージの複製について

一つのツリーごと複製したい場合

  1. シナリオ先頭メッセージを選択し、メッセージ詳細の「このメッセージを複製する」をクリックします。

    ツリーごと複製されます。
    ※シナリオ先頭メッセージのみ複製されますが、シナリオ先頭メッセージ配下のメッセージは複製されず元のメッセージを参照している状態となりますことご留意ください。

一つのメッセージを複製したい場合

  1. 複製したいメッセージをタブ:ツリーもしくはタブ:一覧から選択し、「このメッセージを複製」ボタンをクリックします。

  2. タブ:一覧上に、複製したメッセージが追加されます。

パネル
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#E3FCEF

テスト方法について

チャット画面でのシナリオの動作確認方法は以下をご参照ください。

...

パネル
panelIconId32-20e3
panelIcon:two:
panelIconText2️⃣
bgColor#DEEBFF

チャットボタン設定画面でシナリオをボタンに紐づける

パネル
panelIconId2699
panelIcon:gear:
panelIconText⚙️
bgColor#E6FCFF

シナリオをボタンに紐づける

最後に、チャットボタン側の設定を行います。チャットボタン設定にシナリオを紐づけます。

...

パネル
panelIconId2699
panelIcon:gear:
panelIconText⚙️
bgColor#E6FCFF

設定をインポートする

設定ファイルをインポートする手順をご紹介します。

  1. ダイアログ画面のタブ:テスト環境をクリックします。

  2. 左上の「編集」ボタンをクリックします。

  3. 「設定をインポート」ボタンをクリックします。

  4. インポートしたいファイルを以下画像の赤枠内をクリックしてファイルを選択していただく、もしくはファイルをドロップします。

  5. ファイルが選択されましたた、「確定」ボタンをクリックします。

  6. 設定がインポートされましたら、「保存」ボタンをクリックします。


    右下に「保存されました」が表示されましたら、設定ファイルのインポートが完了となります。


パネル
panelIconId2699
panelIcon:gear:
panelIconText⚙️
bgColor#E6FCFF

メッセージの削除・復元について

メッセージの削除と復元方法をご紹介します。

注意

メッセージ削除の注意点について

メッセージを削除する際の注意点をご確認の上、ご実施いただけますと幸いです。

...

パネル
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#E3FCEF

メッセージを削除する方法

  1. タブ:テスト環境の「編集」ボタンをクリックします。

  2. タブ:ツリーを選択します。

  3. ツリーの中からツリー上の一番最後のメッセージを選択します。

  4. 「このメッセージを削除」ボタンをクリックします。

  5. メッセージ削除確認のウィンドウの内容が問題なければ、「はい」をクリックします。

  6. 削除したいメッセージを全て削除が完了したら、「保存」ボタンをクリックし、


    エラーが表示されず、右下に「保存されました」が表示されましたらメッセージの削除と保存が完了です。

パネル
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#E3FCEF

編集中に削除したメッセージを復元する場合

削除後「保存」した場合は、完全に削除されるのでその場合は復元できないことをご留意ください。

  1. タブ:編集中のメッセージの中から「削除」ラベルがついているメッセージの「戻す」ボタンをクリック

  2. 確認のウィンドウの内容が問題なければ、「はい」をクリックします。


  3. 復元したいメッセージを全て復元が完了したら、「保存」ボタンをクリックします。


    エラーが表示されず、右下に「保存されました」が表示されましたらメッセージの復元と保存が完了です。


...