チャットボット作成方法

①ダッシュボードの「クリエイティブ」から「チャットボット一覧」をクリックします。

②「作成」をクリックします。

③チャットボット登録画面が表示されるので、1つずつ設定します。

【全体】

・コンテンツ名：チャットボットの名前を登録します。
・コンバージョンURL：コンバージョン（目的達成）となるページのURLを入力します。

【初期表示設定】

PCとスマートフォン別々に設定します。
・初期表示方法：閉じた状態か、開いた状態か選択します。
・アイコンの種類：画像かテキストかを選択します。
・表示位置：左か右かを選択します。
・余白/サイズ/ボタン：チャットボットアイコンの表示箇所の調整、ボタンの有無・色、画像を設定します。

【チャット欄の設定】

チャットボットが開いた状態を設定します。

変更すると、右側のプレビューがリアルタイムで変化します。
・テーマカラー：チャットボットのテーマカラーを決めます。それぞれ後で変更可能です。
・ボットアイコン画像ファイル：ボットアイコンを設定する場合は、「ファイルを選択」から画像をアップロードします。
・配置：チャットボットの表示位置やボタンの位置、フォントサイズ等を設定します。

スマートフォンは画面いっぱいに表示されるので、配置設定はありません。
・タイトルエリア：タイトルの高さや文字色、背景色を設定します。
・ヘッダーエリア：ヘッダーエリアを表示し、社名等設定することができます。
・コメントエリア：チャットボットのやりとりをするエリアです。コメントの形や背景色、リンク文字の色など設定できます。
・ボタンエリア：「ひとつ前に戻る」「最初に戻る」の表記を変更することができます。

【カスタマイズ】

cssやjsを使用し、カスタマイズをしたいお客様用の入力欄です。

カスタマイズをする際、CSSはタグで、JavaScriptはタグで囲ってください。

【評価・自由記入欄の設定】

チャットボットの質問が、最後まで進んだ後に表示される内容を設定できます。

④テンプレート選択に進む

③の設定が全て完了したら、「登録してテンプレート選択へ」をクリックします。

⑤テンプレートを選ぶ

チャットボットテンプレート選択画面より、テンプレートを一つ選択します。

サイトの種類によって、いくつかテンプレートが分かれておりますので、ご自身のサイトに合ったテンプレートをお選びください。

⑥シナリオの編集

チャットボットで表示されるシナリオを編集します。

アンケート型チャットボットのマニュアルはこちら
フォーム型チャットボットのマニュアルはこちら

【Ⅰ．一番最初の質問をクリックする】

一番左に一つだけある階層をクリックします。

【Ⅱ．質問項目を登録する】

・質問事項：チャットボットのコメントに表示される質問を入力します。
・項目編集：分岐内容を入力します。「項目追加」で入力項目を追加することができます。

入力が完了したら、「保存する」をクリックします。

【Ⅲ．各項目の回答を入力、または続きの質問を登録する】

Ⅱの項目編集で追加したシナリオをクリックします。

「回答を表示」：回答を入力する場合、「回答を入力する」をクリックして回答を入力
「さらにメニューを表示」：もう一度項目が分岐する場合は「さらにメニューを表示」をクリックし、Ⅱと同じように入力
「フォームを表示」：フォーム入力型で作成する場合クリック
「スライダーを表示」：スライダー型で作成する場合クリック
「別タブでリンクを開く」：URLリンク型で作成する場合クリック

入力後、「保存する」をクリックします。

■リンクの追加

回答にリンク先のURLがある場合は、URLをつけたいテキストとURLを入れ「追加する」を押すことで、自動でURLが入ったコードを吐き出してくれます。

お問い合わせ先や予約ページへ飛ばしたい場合にご活用いただけます。

■画像の追加

回答に画像を入れたい場合は、パソコンから画像をアップロードし、「追加する」を押すことで、画像を読み込むためのコードを自動で吐き出してくれます。

お知らせなど視覚的にも情報を伝えたいときに活用いただけます。
※現在登録できるのは1枚のみとなっております。

【Ⅳ．Ⅱ～Ⅲを繰り返し、シナリオを作成する】

Ⅱ～Ⅲを繰り返し、シナリオを作成します。

作成できたら、「編集終了」をクリックします。

⑦プレビューで確認する

チャットボット一覧に戻るので、作成したチャットボットの「プレビュー」をクリックし、確認をしましょう。

配置位置やデザイン、色や文字サイズの変更等は、「コンテンツ編集」から、シナリオの修正や追加は「シナリオ編集」から編集が可能です。