デザインカスタマイズ

カテゴリー:設置・デザイン

色や大きさ、表示位置や動き方までを、設置するサイトに合わせて調整できます。

チャットボットはサイトの上に後から乗るものなので、浮いて見えると邪魔になります。色も大きさも位置も動きも、サイトに合わせて決められるようにしています。

設定はすべて管理画面にあり、設置したコードを書き替える必要はありません。保存すれば設置済みのページに反映されますし、保存する前に右側のプレビューで確かめられます。

起動ボタンの見え方を変えられます

大きさ、形、アイコン画像の差し替え、ラベルの文字、影の強さを変えられます。揺れ方は、なし・1回だけ・定期的に・ふわふわ の4通りで、揺らすと気づかれやすくなる一方、動きが多いと感じられることもあります。落ち着いた見せ方をしたいコーポレートサイトなら「なし」が合います

起動ボタンの上にひとこと吹き出しを出せるので、「お茶選び、お手伝いします」のように用途を書いておくと、押さなくても何ができるかが伝わります

01

形と置き場所を選べます

右下に浮かぶボックス型か、画面の端に固定するサイドバー型かを選べて、左右の位置、画面の端からの余白、最大の幅と高さも指定できます。ページを開いた時点で開いた状態にすることもでき、サポートページのようにチャットで解決してほしい場所では有効ですが、読ませたい記事の上で最初から開くと邪魔になります

訪問中だけ閉じられる「非表示」のリンクを出すこともできます。邪魔だと感じた人が、その訪問のあいだだけ自分で閉じられます。

公開情報・コード。見た目の設定と、右にプレビュー。

色と質感を合わせられます

メインカラーのほか、背景色と透け具合、ヘッダーの色、角の丸み、影の強さ、出てくるときの動きを変えられます。サイトのブランドカラーに合わせるのが基本ですが、背景に溶けてしまうと気づかれないので、ヘッダーだけブランドカラーで本体は白、という組み合わせが扱いやすいところです。

スマートフォン幅での表示。
02

スマートフォンだけ別に決められます

PCとスマートフォンで同じ大きさにする必要はありません。切り替える画面幅を指定して、そこから下では全画面にする、余白を詰める、最大サイズを変える、といった設定ができます。スマートフォンで小さな枠のまま出すと文字を読むのも打つのも窮屈なので、全画面にしておくほうが扱いやすくなります。

この機能を使う場面

よくある質問

Q色や大きさを変えるたびに、設置したコードを貼り替えますか?
A

貼り替えは不要です。設定はすべて管理画面にあり、保存すれば設置済みのページに反映されます。保存する前に右側のプレビューで確かめられます。

Qサイトから浮いて見えないようにするには、どうしますか?
A

背景に溶けてしまうと気づかれず、強すぎると邪魔になります。扱いやすいのは、ヘッダーだけブランドカラーで本体は白という組み合わせです。メインカラー、背景色と透け具合、角の丸み、影の強さ、出てくるときの動きを個別に調整できます。

Q起動ボタンを揺らしたほうがよいですか?
A

揺らすと気づかれやすくなりますが、動きが多いと感じられることもあります。なし・1回だけ・定期的に・ふわふわの4通りから選べます。落ち着いた見せ方をしたいコーポレートサイトなら「なし」が合います。

Q最初から開いた状態にできますか?
A

できます。サポートページのようにチャットで解決してほしい場所では有効ですが、読ませたい記事の上で最初から開くと邪魔になります。訪問中だけ閉じられる「非表示」のリンクを出すこともできます。

Qスマートフォンだけ別の大きさにできますか?
A

できます。切り替える画面幅を指定して、そこから下では全画面にする、余白を詰める、最大サイズを変えるといった設定ができます。狭い画面に小さな枠のまま出すと読むのも打つのも窮屈なので、全画面にしておくほうが扱いやすくなります。

2週間、無料で試せます

このページに出ている画面を、そのまま触って確かめられます。導入のご相談も承ります。

関連するコラム