App embed の設定

このページでは、テーマカスタマイズ画面で V-Staff の App embed を有効化する流れをまとめます。

手順

1. 対象テーマを開く

• Shopify Admin で Online Store のテーマ一覧を開きます。
• 反映したいテーマを選択してカスタマイズ画面へ進みます。

2. App embed を有効化する

• App embeds または該当アプリの項目から V-Staff を探します。
• トグルを有効化します。

3. 設定項目を確認する

• V-Staff の App embed を開くと、起動表示に関する設定項目を確認できます。
• まずは初期値のまま有効化し、必要な場合だけ調整する進め方がおすすめです。

Character label

• ランチャーや会話 UI で表示する名称です。
• 特に指定がなければ V-Staff のままで問題ありません。

Bubble text

• 起動ボタンの上部に表示される吹き出しテキストです。
• 接客トーンに合わせて、短く分かりやすい文言にします。

Launcher icon image

• 右下に表示される起動ボタンのアイコン画像です。
• 未設定の場合はアプリの既定アイコンが使われます。

Launcher bottom offset

• 起動ボタンを画面下端からどれくらい上にずらすかを調整する項目です。
• 画面下部の固定ナビゲーションや購入ボタンと重なる場合に使います。

Show bubble

• 起動ボタンの上部に出る吹き出しテキストを表示するかどうかの設定です。
• まず存在に気づいてもらいたい場合はオン、見た目をシンプルにしたい場合はオフにします。

4. 保存する

• 設定後は必ず保存します。
• 保存後にテーマプレビューまたは Storefront で反映を確認します。