デザイン設定
gelatto ブランド・ショップページと genser サイトのデザイン要素を設定するページです。ご利用の権限によって表示される項目が異なる場合があります。
デザイン設定を保存すると、変更内容が即座にサイトへ反映されます。サイトが公開状態の場合はご注意ください。
1. ブランド情報
1-1. ブランド名
ブランドを識別する名称です。gelatto ブランド・ショップページのチャット履歴のタグと、商品詳細ページ上部のチャンネル名に使用されます。
チャット履歴
商品詳細ページ
ブランド名は初回保存後、最大3回まで変更できます。3回を使い切ると、以降の変更はできません。慎重に設定してください。
重複確認: ブランド名は他のブランド・ショップと重複できません。入力後は必ず [重複確認] をクリックして確認してください。
入力規則:
_と絵文字を除き、最大20文字まで入力できます。
1-2. ロゴ画像
サイト全体に表示されるブランドロゴです。
メインページ
チャット画面
商品詳細ページ
メインページ
アップロード仕様
画像構成
デザインの品質を高めるため、背景が透明なロゴ画像を推奨します。
ファイル形式
PNG、SVG 形式のファイルのみアップロードできます。
ファイルサイズ
最大 30KB までアップロードできます。
ファイル数
1ファイルのみアップロードできます。
画像比率
縦横比が 1:1 の画像のみアップロードできます。
画像サイズ
縦横ともに 52px 以上の画像のみアップロードできます。推奨サイズは 120×120px です。
1-3. メインカラー
サイト全体の配色トーンを決める基準カラーです。設定したカラーをもとに、明暗10段階のカラースケールが自動生成され、サイト全体に適用されます。
メインカラーは HEX コードを直接入力するか、カラーパレットから選択できます。6桁の HEX コードのみ対応しています。
メインページ
チャット履歴
チャット画面
検索ローディング
メインページ
チャット画面
検索ローディング
商品カード
2. メイン検索エリア
ブランド・ショップページのメイン・discovery メインページの検索エリアに表示される要素です。
2-1. タイトル
検索エリア上部に表示されるメインテキストです。
2-2. プレースホルダー
検索欄に何も入力していない状態で表示される案内テキストです。
メインページ
チャット画面
メインページ
チャット画面
2-3. おすすめの質問
検索エリア下部に表示される推奨質問ボタンです。何を検索すればよいか迷うユーザーが、クリックするだけですぐに検索を始められます。おすすめの質問は最大5件まで追加できます。
3. エージェント
チャット画面に表示されるチャットボットの名前、プロフィール画像、最初の挨拶を設定します。
3-1. エージェント名
チャット画面でチャットボットが名乗る名前です。
ブランド名と同じ（デフォルト）: 設定したブランド名をそのまま使用します。ブランド名を変更すると、エージェント名も自動的に変更されます。
個別設定: エージェント名を別途設定できます（最大20文字、絵文字不可）。
3-2. プロフィール画像
チャット画面でチャットボットの回答の隣に表示される画像です。
ロゴ画像と同じ（デフォルト）: アップロードしたロゴ画像をそのまま使用します。ロゴ画像を変更すると、プロフィール画像も自動的に変更されます。
個別設定: エージェント用の画像を別途アップロードできます （形式: JPG、PNG / サイズ: 最大 30KB / 比率: 1:1 / 画像サイズ: 52px 以上、推奨 120×120px）
3-3. 最初の挨拶
チャット画面に初めて入ったとき、チャットボットがユーザーに送る挨拶メッセージです。
4. プレビュー
デザイン設定を保存する前に、これまでに入力した設定が実際のサイトにどのように反映されるかを確認できます。画面下部の[プレビュー]ボタンを押すと、新しいタブで開きます。
プレビュー画面の左上にプレビューツールバーがあります。ツールバーのボタンを押して画面を切り替えると、各画面に設定がどのように適用されているかを確認できます。プレビューでは、実際の検索やクリックなどは動作しません。画面を切り替える際は、このツールバーをご利用ください。
Main: メインページ
Chat: チャット画面
PDP: 商品詳細ページ
プレビューは、デザイン設定の必須項目をすべて入力するとご利用いただけます。未入力の項目が一つでもあると、[プレビュー]ボタンは無効になります。
よくある質問
Q. メインカラーを入力したのにデフォルト値に戻ってしまいます。
メインカラーの入力欄は6桁の HEX コードのみ対応しています。
たとえば #001689ff のように透明度（アルファ値）を含む8桁のコードを入力すると、自動的にデフォルト値（#B043FF）に戻ります。末尾の ff を除いた6桁（#001689）で入力してください。
Q. ブランド名を変更しようとしましたが、入力欄がロックされています。
ブランド名は初回保存後、最大3回まで変更できます。3回を使い切ると以降の変更はできません。変更が必要な場合は、担当者までお問い合わせください。
Q. ロゴが横長のデザインですが、どのようにアップロードすればよいですか？
正方形のキャンバス（推奨: 120×120px）の中央にロゴを配置した画像を作成してアップロードしてください。背景が透明な PNG 形式を使用すると、サイトのデザインと自然に調和します。
Last updated