プロファイル管理

オペレーター画像やチャット内の画像の読み込みを、チャット立ち上げ後の画像表示時ではなくページ読み込み時に開始して、ブラウザにキャッシュさせておくことができます。

チャット内の画像の表示が通信待ちなどで遅れることを防ぎます。

チャット内で新規に表示するメッセージの遅延時間をミリ秒単位で指定できます。
以下は表示速度の感覚の例です。

• 500 : 早い
• 700 : 普通
• 900 : 遅い

シナリオ別に時間間隔を指定することも可能です。
その場合はこちらを参照してください。

スクロール完了までの時間間隔

次のシナリオに移る際にスクロールが完了するまでの時間間隔をミリ秒単位で指定できます。
以下は表示速度の感覚の例です。

• 300 : 早い
• 500 : 普通
• 700 : 遅い

シナリオ別に時間間隔を指定することも可能です。
その場合はこちらを参照してください。

自動フォーカス

次のシナリオに移った際に先頭のフォームに自動的にフォーカスを移します。

• ON : デスクトップ、モバイルともに自動的にフォーカスを移します
• デスクトップのみON : デスクトップ（PC）において自動的にフォーカスを移します
• モバイルのみON : モバイル（スマートフォン、タブレット）において自動的にフォーカスを移します
• OFF : デスクトップ、モバイルともに自動的にフォーカスは表示しません
  入力するフォームをタップしてフォーカスを表示させる必要があります。

• Android : フォームが自動フォーカスされた際に、入力のためのソフトウェアキーボードが出現します。
• iOS : 自動フォーカスされてもキーボードが表示されません。

• 郵便番号
• 電話番号
• クレジットカード番号（※2021年6月追加）
• クレジットカード セキュリティコード

プログレスバーの表示ON/OFFを設定できます。
ONに設定するとツールバー直下に表示されます。
※ 残り項目カウントの最大値はシナリオ数を参照していますが、「start」「greeting」は考慮されません

メッセージ読込中にプログレスバーを縞（ストライプ）模様にする

次のメッセージを読込中にプログレスバーを縞模様にするか否かの設定ができます。

進行中のバー背景のカラーコードを設定できます。
※ 内部的にCSSのbackgroundを定義しているため、例えば以下のようなコードを設定することで背景色をグラデーションで表示できます。
コード：linear-gradient(to right, #31ccec, #eee) 

＜カラーのみ＞
設定値：#31ccec


＜グラデーション＞
設定値：linear-gradient(to right, #31ccec, #eee)

バーのCSSスタイル

プログレスバーのCSSスタイルを設定できます。
デフォルトで入力されているCSSは下記のようにカスタマイズできます。

• height：バーの高さ

表示文字（進捗）のCSSスタイル

プログレスバーに表示される文字のCSSスタイルを設定できます。
デフォルトで入力されているCSSは下記のようにカスタマイズできます。

• font-size：文字の大きさ
• font-weight：文字の太さ
• color：文字色
• fixe-direction：文字の位置（row：左寄り、row-reverse：右寄り）

ブラウザの戻るでチャットを閉じる

ブラウザの戻る「←」ボタンやモバイル端末の戻る「←」ボタンを押下した際に、チャットが起動している場合は、チャットの閉じる動作を行います。
※ iPhoneの場合はスワイプでのブラウザバックでも機能します。
閉じるボタンが押下された際のアラートの表示設定は、【閉じるボタンの設定/確認画面を表示する】から行えます。

• ON（デフォルト）：ブラウザの戻る「←」押下で、起動しているチャットが閉じます。
• OFF：ブラウザの戻る「←」操作押下で、LPの一つ前にいた画面まで戻されます。

チャットを起動しないブラウザを設定できます。
※ ieはサポート対象外のため、デフォルトでグレーアウトにしています。
　「高度編集モード」にて他ブラウザ（chrome,firefox等）も追加可能です。

• 郵便番号1
• 郵便番号2
• 住所1
• 住所2
• 住所3
• 電話番号1
• 電話番号2
• 電話番号3
• メールアドレス
• メールアドレス確認
• クレジットカード番号（※2021年6月追加）

※ お届け先郵便番号、住所、電話番号においても同様です。
※ 郵便番号と電話番号の入力では1フィールドの際も機能します。

メールアドレスの入力時に以下のドメインをサジェスト表示します。
（例）@の後に「g」を入力することで「mail.com」がグレーで表示されます。

「ON」に設定することで、サジェスト表示します。

※ 本設定は「モバイルUI表示」の場合のみ有効です。
　PCからの入力で本設定を「ON」で利用する場合は、「常にモバイルUI表示する」の設定を「ON」にしてください。

※ 追加できるシナリオの「ecforceログイン」においても、メールアドレス入力時、本設定に応じてサジェスト表示します。
シナリオ「ecforceログイン」についてはこちら

※ 機能を有効にするには「メールアドレス」のフォームを追加して最新のフォームに置き換えてください。
フォームの追加方法：
contact（連絡先） > [メッセージ]   contact - 連絡先 > フォーム追加「+」 > 購入者連絡先 > メールアドレス（既存メアド検証有）

デフォルトでは以下のドメインをサジェスト表示します。

• gmail.com
• docomo.ne.jp
• yahoo.co.jp
• ezweb.ne.jp
• icloud.com
• i.softbank.jp
• softbank.ne.jp
• ymobile.ne.jp
• hotmail.co.jp

デフォルト以外のドメインでサジェスト表示を行うには
「高度編集モード」より対象のメールアドレスフォームの「読み込み時イベント（JS）」に
ドメインを追加することができます。

・上位から優先的にサジェスト表示します。
（例）上記画像で設定の場合
「yahoo.co.jp」「yahoo.ne.jp」では「@y」入力で「yahoo.co.jp」が表示されます。

メールアドレスがすでに登録済かどうか確認します。登録済の場合はバリデーションエラーとなり次のシナリオには進めなくなります。

機能を有効にするには「メールアドオレス」フォームを最新のものに置き換えてください。

あるフォームへのフォーカス時に、自動でそのフォームが画面の中央に来るようにスクロールする機能を、モバイル端末のどのOSで有効にするか設定できます。

iOSの場合、この機能が標準で備わっている場合があり、機能同士が干渉して動作に違和感を生じることがあるため、デフォルトでは Andriod のみ有効にしています。

Enterキー（returnキー、入力確定時）に、入力や選択が有効なフォームにフォーカスを移動させます。

フォームが テキスト や カード や テーブル や 空 (none) などの場合はそれらのフォームをスキップして次の入力や選択が有効なフォームに移動します。