ダイアログのスタートアップガイドです。
...
設定項目名 | 設定項目の説明 | ||
---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 |
2️⃣ | 必須 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 |
3️⃣ | 必須 | 同時に投稿されるメッセージ | 同時に投稿されるメッセージを設定してください。(複数メッセージ追加可能) |
...
設定項目名 | 設定項目の説明 | |||
---|---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 | |
2️⃣ | 必須 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 | |
3️⃣ | 必須 | 選 | リスト表示文 | リスト上に表示される文字を設定してください。 |
4️⃣ | 必須 | メッセージを追加(ボタン上の表記) | リスト表示文(3️⃣)をクリックした後に、投稿させるメッセージを設定してください。 |
...
設定項目名 | 設定項目の説明 | |||
---|---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 | |
2️⃣ | 必須 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 | |
3️⃣ | 必須 | チ | チップ表示文 | チップ上に表示される文字を設定してください。 |
4️⃣ | 必須 | メッセージを追加(ボタン上の表記) | チップ表示文(3️⃣)をクリックした後に、投稿させるメッセージを設定してください。 |
...
設定項目名 | 設定項目の説明 | |||
---|---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 | |
2️⃣ | 必須 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 | |
3️⃣ | 必須 | 画 | 画像上表示文 | 画像上に表示させるテキストを入力してください。 |
4️⃣ | 必須 | メッセージを追加(ボタン上の表記) | 画像上表示文(3️⃣)をクリックした後に、投稿させるメッセージを設定してください。 | |
5️⃣ | 必須 | 画像URL | 表示する画像のURLを入力してください。 | |
6️⃣ | 任意 | 代替テキスト | 画像が表示されない時に表示されるテキストを入力してください。 |
...
設定項目名 | 設定項目の説明 | ||
---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 |
2️⃣ | 必須 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 |
...
設定項目名 | 設定項目の説明 | ||
---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 |
2️⃣ | 任意 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 |
3️⃣ | 必須 | 画像URL | 表示する画像のURLを入力してください。 |
4️⃣ | 任意 | 代替テキスト | 画像が表示されない時に表示されるテキストを入力してください。 |
...
設定項目名 | 設定項目の説明 | ||
---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 |
2️⃣ | 任意 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 |
3️⃣ | 必須 | 画像URL | 表示する画像のURLを入力してください。 |
4️⃣ | 必須 | キャプション | 画像の下に表示されるテキストを入力してください。 |
5️⃣ | 必須 | 遷移先URL | リンクボタンをクリックした後に遷移するページのURLを入力してください。 |
6️⃣ | 必須 | リンクテキスト | リンクボタンに表示させるテキストを入力してください。 |
...
設定項目名 | 設定項目の説明 | ||
---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 |
2️⃣ | 任意 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 |
3️⃣ | 必須 | 動画ID | 表示させるYouTube動画の動画IDを入力してください。 |
4️⃣ | 任意 | オートプレイ | メッセージが表示後、自動で動画再生させたい場合はこちらの項目にチェックを入れてください。 |
5️⃣ | 任意 | 終了通知 | 動画再生終了時に、サーバーに終了通知を送る場合はこちらの項目にチェックを入れてください。 |
...
設定項目名 | 設定項目の説明 | |||
---|---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 | |
2️⃣ | 必須 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 | |
3️⃣ | 必須 | チ | チップ表示文 | チップ上に表示される文字を設定してください。 |
...
設定項目名 | 設定項目の説明 | ||
---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 |
2️⃣ | 必須 | 投稿メッセージ | [リンクテキスト](URL)と入力することで、[]内に入力したリンクテキストを、指定したURLへリンクできるようになります。 ※上記サンプル画像を実現したい場合の記述例 おすすめ商品一覧は [こちら](https://solairo.co.jp) をご覧ください。 |
...
設定項目名 | 設定項目の説明 | |||
---|---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 | |
2️⃣ | 必須 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 | |
3️⃣ | 必須 | 画 | 画像上表示文 | 画像上に表示させるテキストを入力してください。 |
4️⃣ | 必須 | 遷移先URL | 画像クリック後に遷移するページのURLを入力してください。 | |
5️⃣ | 必須 | 画像URL | 表示する画像のURLを入力してください。 | |
6️⃣ | 任意 | 代替テキスト | 画像が表示されない時に表示されるテキストを入力してください。 |
...
設定項目名 | 設定項目の説明 | ||
---|---|---|---|
1️⃣ | 任意 | ラベル | こちらはチャット画面上には反映されない項目です。 |
2️⃣ | 任意 | 投稿メッセージ | 吹き出しとして投稿されるメッセージを入力してください。 |
3️⃣ | 必須 | 画像アイテム | スライダー上に表示させる画像アイテムを追加してください。 |
4️⃣ | 必須 | 画像上表示文 | 画像上及びスナックバー上に表示させるテキストを入力してください。 |
5️⃣ | 必須 | タグ | アタッチメント検索に使用する商品に紐づくタグを入力してください。 |
6️⃣ | 必須 | 画像URL | 表示する画像のURLを入力してください。 |
7️⃣ | 任意 | 代替テキスト | 画像が表示されない時に表示されるテキストを入力してください。 |
...
ダイアログ画面のタブ:テスト環境をクリックします。
左上の「編集」ボタンをクリックします。
「シナリオ先頭メッセージ追加」ボタンをクリックします。
シナリオ先頭メッセージ追加後、ラベルを設定します。
※こちらは必須項目ではありませんが、チャットボタンと紐づける際にどのシナリオかを識別するために設定いただくことを推奨いたします。次にメッセージタイプを設定します。
シナリオ先頭メッセージの場合、複数のメッセージタイプをまとめることが可能な「メッセージコンテナ」を選択いただくことをおすすめいたします。
※メッセージコンテナの詳細はこちらをご覧ください。投稿メッセージは吹き出しに表示されるテキストメッセージです。
投稿メッセージは任意項目となります。次に同時に投稿するメッセージを設定します。
以下画像の赤枠内をクリック
ウィンドウの左上:「新規メッセージを追加して設定」ボタンをクリックします。
※すでに作成されたメッセージを選択することも可能です。「新規メッセージを追加して設定」ボタンをクリック後
メッセージが追加されるので、メッセージをクリックしメッセージを編集します。
こちらの見本設定では、メッセージタイプから「リスト」を選択します。
投稿メッセージは吹き出しに表示されるテキストメッセージです。
投稿メッセージは任意項目となります。
リストの選択肢を追加します。
「選択肢を追加」ボタンをクリックします。
選択肢上の表示文を設定します。
リスト表示文に任意のテキストを入力ください。
次にリストの選択肢をクリック後に投稿されるメッセージを設定します。
「メッセージを追加」ボタンをクリックします。「新規メッセージを追加して設定」をクリックします。
「確定」ボタンをクリックします。
※複数選択肢を追加する場合は「選択肢を追加」ボタンをクリックし、選択肢を追加ください。次にリストの選択肢をクリック後に投稿されるメッセージを設定します。
リスト表示文の右側に表示されているメッセージ(赤枠)をクリックします。
メッセージ設定に切り替わった後、ラベルを設定します。
※こちらは必須項目ではありませんが、チャットボタンと紐づける際にどのシナリオかを識別するために設定いただくことを推奨いたします。
次にメッセージタイプを設定します。
こちらの見本設定では、メッセージタイプから「画像スライダー(リンク)」を選択します。
投稿メッセージは吹き出しに表示されるテキストメッセージです。
投稿メッセージは任意項目となります。
画像スライダーに表示される画像アイテムを設定します。
「画像アイテムを追加」ボタンをクリックします。
画像アイテムの設定をします。
まず、画像上の表示文を設定します。
画像アイテムをクリックした後に、遷移するページのURLを設定します。
表示される画像を設定します。
「追加」ボタンをクリックします。
表示される画像のURLを設定し、「確定」ボタンをクリックします。
代替テキストを設定します。
画像が表示できない時に、画像の代わりに表示されるテキストです。
「確定」ボタンをクリックし、画像アイテムの追加が完了です。
※複数画像アイテムを追加する場合は「画像アイテムを追加」ボタンをクリックし、画像アイテムを追加ください。左側に表示されているリストをクリックし、リストの設定画面に戻ります。
リストの設定画面に戻った後、リストの選択肢をクリック後に投稿されるメッセージを設定します。
リスト表示文の右側に表示されているメッセージ(赤枠)をクリックします。
※リストの選択肢をクリック後に投稿されるメッセージの設定方法は、手順9と同じなので割愛します。設定が全て完了しましたら、「保存」ボタンをクリックします。
右下に「保存しました」が表示されましたら、テスト環境での設定保存が完了となります。
ここまで設定したシナリオの設定ファイルは以下からダウンロードいただけます。
こちらのファイルを元に内容をご編集いただき、ご活用ください。
※ファイルのインポート方法はこちらをご確認ください。View file name dialog_sample.json
※ファイルのインポート方法はこちらをご確認ください。
パネル | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
シナリオを編集する |
...
シナリオ先頭メッセージを選択し、メッセージ詳細の「このメッセージを複製する」をクリックします。
ツリーごと複製されます。
※シナリオ先頭メッセージのみ複製されますが、シナリオ先頭メッセージ配下のメッセージは複製されず元のメッセージを参照している状態となりますことご留意ください。
一つのメッセージを複製したい場合
複製したいメッセージをタブ:ツリーもしくはタブ:一覧から選択し、「このメッセージを複製」ボタンをクリックします。
タブ:一覧上に、複製したメッセージが追加されます。
...
パネル | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
インポートする設定をインポートする |
設定ファイルをインポートする手順をご紹介します。
ダイアログ画面のタブ:テスト環境をクリックします。
左上の「編集」ボタンをクリックします。
「設定をインポート」ボタンをクリックします。
インポートしたいファイルを以下画像の赤枠内をクリックしてファイルを選択していただく、もしくはファイルをドロップします。
ファイルが選択されましたた、「確定」ボタンをクリックします。
設定がインポートされましたら、「保存」ボタンをクリックします。
右下に「保存されました」が表示されましたら、設定ファイルのインポートが完了となります。
...
パネル | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
編集中に削除したメッセージを復元する場合 |
削除後「保存」した場合は、完全に削除されるのでその場合は復元できないことをご留意ください。
タブ:編集中のメッセージの中から「削除」ラベルがついているメッセージの「戻す」ボタンをクリック
確認のウィンドウの内容が問題なければ、「はい」をクリックします。
復元したいメッセージを全て復元が完了したら、「保存」ボタンをクリックします。
エラーが表示されず、右下に「保存されました」が表示されましたらメッセージの復元と保存が完了です。
...