| 目次 | ||||
|---|---|---|---|---|
|
2021/10/25 update（作成完了）
このガイドはチャットボタン設定のクイックスタートガイドです。
...
スタッフのパスワード設定についてはユーザーが初回ログインしたタイミングで設定します。
Googleのアカウントスタッフで登録している場合は、Googleのアカウント情報を使ってそのまま管理画面にログインします。Googleアカウントを使ってスタッフ登録している場合は、Googleのアカウント情報を使ってそのまま管理画面にログインができます。
※現時点では管理画面から登録をメールなどで通知する機能はございません。
| 情報 |
|---|
ログイン方法 |
Googleアカウントをご利用の場合
...
次回管理画面を開いたときにチャットボタン設定のトップ画面の「編集中」から再開できます。
...
| 情報 |
|---|
保存 |
設定が完了したら保存を押します。
※保存を押すと設定が確定する為、編集ができなくなるのでご注意下さい
...
保存を押すと、設定が確定して保存済み一覧の一番上に追加されます。
※この保存された一覧を「リビジョン」と呼びます。
...
| 情報 |
|---|
テスト環境に反映 |
作成したリビジョンをクリックすると「テスト環境に保存ボタン」が表示されますので、このボタンを押して「テスト環境」に反映します
...
※リビジョンは好きな設定を選んで、テスト環境に反映できるようになっています。
※ここで編集はできません。
...
リビジョンの一覧を確認
設定がテスト環境に適用されると「Testing」のマークが付きます。
...
| 情報 |
|---|
本番環境に反映 |
最後に「本番環境に反映」のボタンを押します。
※テスト環境反映後でなければ「本番環境」に反映できません。
...
リビジョンの一覧を確認
リビジョンの一覧が「Main」のマークがついたら、本番環境に設定が反映されていますので、本番環境を確認してください。
...
WEBサイト側のCSSの影響が確認できない
ボタン有効化条件に何かしらの設定がある場合、ボタン有効化条件に、
?testing=trueを追加しなければならない
※ボタン有効化条件を何かしら設定していて、
レビュー画面ではアイコンが表示されない場合は、こちらの記事をご確認下さい。
導入事例：https://whatya.solairo-api.com/sola3/review.html?testing=true
ユーザー名：solairo パスワード：solairov2
...
こちらでは画像タイプのボタン設定方法をご紹介いたします。
（※表示のイメージは、下記サンプル動画をご確認ください。）
まず、どのようにボタン設定ができるか確認したい場合は、こちらの設定をそのままコピーしてお使いください。
...
| 注意 |
|---|
こちらの設定では、全てのページに同じボタン設定が適用されます。 |
ボタンの種類
まず、適用するボタンの種類を下記の中から「画像」をご選択ください。
...
下記、サンプルCSSです。
こちらのCSSをベンダーさまにお渡しし、デザイン変更をご依頼ください。
| 注意 |
|---|
下記はあくまでもサンプルとなりますので、各企業さま毎の環境での動作の保証はできかねますことご了承ください。 |
| コード ブロック | ||
|---|---|---|
| ||
/* <ボタン → ×ボタン */
#button1 > div > div > button > span > svg > path{
d: path("M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z");
} |
...
ボタン有効化条件で指定した環境で、該当のボタン設定が反映されているかご確認ください。
...
チャットボタン設定にまつわる記事は以上となります。
チャットシナリオとリスト式応答を組み合わせた設定については、営業担当もしくはヘルプセンターへお問い合わせ下さい。
本記事についてご不明点がございましたら、WhatYaヘルプセンターへお気軽にお問い合わせください。