================================================================== VANNA 管理画面 操作マニュアル ver2（テキスト版） 美容サロン向けホームページ作成・予約・顧客管理サービス 管理画面: app.at-vanna.com ================================================================== ※本資料の「活用例」は使い方のイメージであり、実店舗の実績ではありません。 ※[スクショ: ...] は差し込み用スクリーンショットの指示です。 画像は manual-screenshots/ に同名で保存してください。 ------------------------------------------------------------------ 1. はじめに｜VANNAとは・できること ------------------------------------------------------------------ VANNAは美容サロン向けのオールインワンSaaSです。ホームページ・ネット予約・ 顧客台帳・通販・販促までを1つの管理画面で運用できます。 - 管理画面：app.at-vanna.com（このマニュアルの対象） - 公開サイト：◯◯.sites.at-vanna.com（お店のホームページ・独自ドメインも可） - プラン：Pro / Max / Max+（無料プランなし・無料トライアルあり・初期費用0・予約/販売手数料0） - 売上の入金：予約の事前決済・ネット通販の売上は、お店のStripe口座へ直接入金 （VANNAは仲介手数料を取りません） - 通知：お客様への連絡はメール（来店前リマインドは全プラン）。SMS通知は非対応。LINEはMax以上。 ヒント：電話番号は登録時の本人確認（SMSワンタイム）のみに使い、 SMSでのお知らせ配信は行いません。 ------------------------------------------------------------------ 2. はじめに｜プランと機能のちがい ------------------------------------------------------------------ 3つのプランがあります（いずれも月額・税込・無料トライアルつき）。 下位プランでも基本のHP・予約・顧客台帳は使えます。 - Pro 3,300円：HP作成／候補日予約・お問い合わせ／来店前メールリマインド／ 顧客台帳(基本300名)／基本デザイン／SEO・解析(基本)／管理ユーザー2名 - Max 5,500円：Proの全部＋全機能：カレンダー予約(時間枠・指名・事前決済)／ ネット通販／電子カルテ／口コミ／クーポン／ポイント・会員／LINE連携／ 販促オートメーション／プレミアムデザイン／独自ドメイン／ブログ／売上・粗利分析 - Max+ 11,000円：Maxと同じ全機能＋大容量（写真容量・月間枠が大きい。多店舗・大規模向け） - 全プラン共通：来店前メールリマインドはどのプランでも使えます。 Maxの予約の違いは「カレンダー予約＝時間枠・指名・事前決済」です。 ヒント：このマニュアルでMax以上の機能には「（Max以上）」と表記します。 該当機能は対応プランに加入すると表示されます。 ------------------------------------------------------------------ 3. はじめに｜申し込み・ログイン ------------------------------------------------------------------ 流れ：サインアップ/招待 → メール認証 → ログイン → ダッシュボード 手順: 1. 新規申込：app.at-vanna.com/signup でメール・パスワード・店舗名を入力 2. 届いた確認メールのリンクを開いて認証を完了（リンクは時間で失効します） 3. 2回目以降：app.at-vanna.com/login でログイン 4. 招待されたスタッフ：招待メールのリンクから初回パスワードを設定してログイン [スクショ: login.png] ログイン画面 写すべき状態：メール・パスワード入力欄が見える状態（app.at-vanna.com/login） ヒント：パスワードを忘れたら /password/reset から再設定メールを送れます。 重要操作の保護に二段階認証（MFA）の登録を推奨します。 ------------------------------------------------------------------ 4. ダッシュボード｜ダッシュボードの見方 ------------------------------------------------------------------ ログイン直後の最初の画面。サイトの公開状況と、対応が必要な件数を一目で確認できます。 - サイト公開状況：公開／非公開／未作成 を表示 - 未対応の予約：クリックで未対応の予約一覧へ（0件なら「対応が必要な予約はありません」） - 未読の問い合わせ：クリックで未読の問い合わせ一覧へ - コンテンツ管理：ページ編集・メニュー・スタッフ等への近道リンク - ヘルプ：このマニュアル／お問い合わせ導線 手順: 1. ログインするとダッシュボードが開く 2. 上部カードで「サイト公開状況・未対応の予約・未読の問い合わせ」を確認 3. 件数カードをクリックすると、絞り込み済みの一覧へ移動 4. 左サイドバー（PC）／上部の横スクロールメニュー（スマホ）で各機能へ [スクショ: dashboard.png] ダッシュボード画面 写すべき状態：公開状況カード・未対応予約・未読問い合わせの3カードと 左サイドバーが見える状態 ヒント：未対応予約・未読問い合わせのカードは、閲覧権限のあるロール （オーナー/管理者/閲覧者）にのみ表示されます。 ------------------------------------------------------------------ 5. ダッシュボード｜サイドバー（メニュー）の全体像 ------------------------------------------------------------------ 管理画面の機能は目的別に5グループに並んでいます。 スマホでは上部の横スクロールメニューになります。 - 上部：ダッシュボード／経営ダッシュボード(Max以上)／アクセスデータ - コンテンツ：ページ編集・メニュー/料金・スタッフ・お知らせ・ブログ(Max以上)・ ギャラリー・メディア - 受付：予約・顧客台帳・販促/クーポン(Max以上)・口コミ(Max以上)・問い合わせ - 通販(Max以上)：注文管理・商品管理・通販設定 - 設定：基本設定・店舗管理・予約カレンダー(Max以上)・ポイント会員(Max以上)・ LINE連携(Max以上)・デザイン・ナビゲーション・サイト基本情報・SEO・公開ドメイン・ 契約お支払い・ユーザー管理・監査ログ・通報異議申立て・アカウント [スクショ: sidebar.png] サイドバー全体 写すべき状態：PC表示で5グループのメニュー項目がすべて並んでいる状態 ヒント：Max以上限定の項目は、対応プランに加入すると自動で表示されます。 未加入時はメニューに出ません。 ------------------------------------------------------------------ 6. 設定｜最初にやること（初期設定の流れ） ------------------------------------------------------------------ この順で進めると、見落としなく公開まで到達できます。 流れ：基本設定 → サイト基本情報 → コンテンツ登録 → デザイン → 公開 手順: 1. 設定 → 基本設定：店名・説明・連絡先・SNS・ロゴを入力 2. 設定 → サイト基本情報設定：営業時間・定休日・地図を入力 3. コンテンツ：ページ編集／メニュー・料金／スタッフを登録 4. 設定 → デザイン設定：好きなデザインを選んで適用 5. 設定 → 公開・ドメイン設定：「公開する」でサイトを公開 [スクショ: settings-general.png] 基本設定画面 写すべき状態：店名・説明・連絡先・SNS・ロゴの入力欄が見える状態（/settings/general） ヒント：順番は前後しても大丈夫。公開前に「基本設定」と「デザイン」が 済んでいるか確認しましょう。 ------------------------------------------------------------------ 7. サイト編集｜ページ編集 ------------------------------------------------------------------ 公開サイトの各ページを、ブロックを並べて構成します（コンテンツ → ページ編集）。 流れ：ページ選択 → ブロック追加 → 内容入力・保存 → ↑↓で並び替え 手順: 1. コンテンツ → ページ編集 で、編集するページを選ぶ 2. 「ブロック種別」を選んで「追加」 3. 入力欄に文章・画像を入れて「保存」 4. ↑↓ボタンで並び替え／不要なブロックは削除 [スクショ: editor.png] ページ編集画面 写すべき状態：ページ一覧、またはブロックを追加・並び替えできる編集画面（/editor） ヒント：変更は即サイトに反映されます（下書きはありません）。 右上の「サイトを見る」で別タブ確認できます。 ------------------------------------------------------------------ 8. サイト編集｜メニュー・料金 ------------------------------------------------------------------ 提供メニューをカテゴリ別に登録します（コンテンツ → メニュー・料金）。 流れ：カテゴリ作成 → メニュー追加 → 名前・料金・時間 → 公開 → 並び替え 手順: 1. コンテンツ → メニュー・料金 を開く 2. カテゴリを作成し、「+メニューを追加」 3. メニュー名・料金・所要時間を入力 4. 「公開する」で保存（公開サイトに表示） 5. ↑↓で表示順を変更 [スクショ: content-menu.png] メニュー・料金画面 写すべき状態：カテゴリとメニュー項目（名前・料金・所要時間）が並んだ状態（/content/menu） ヒント：メニューの所要時間は、カレンダー予約（Max以上）の空き枠計算に 使われます。必ず入力しましょう。 ------------------------------------------------------------------ 9. サイト編集｜スタッフ紹介 ------------------------------------------------------------------ スタッフを写真・役職・紹介文つきで登録します（コンテンツ → スタッフ）。 流れ：スタッフ追加 → 名前・役職・写真 → 紹介文 → 公開 → 並び替え 手順: 1. コンテンツ → スタッフ を開く 2. 「+スタッフを追加」をクリック 3. 名前・役職・写真・紹介文を入力（写真は先にメディアへ） 4. 「公開する」で保存 5. ↑↓で表示順を変更 [スクショ: content-staff.png] スタッフ管理画面 写すべき状態：スタッフ一覧（写真・名前・役職）が見える状態（/content/staff） ヒント：スタッフはカレンダー予約（Max以上）の「指名」に使われます。 掲載写真は権利に問題のないものをご利用ください。 ------------------------------------------------------------------ 10. サイト編集｜ギャラリー ------------------------------------------------------------------ 施術例やお店の写真を掲載します（コンテンツ → ギャラリー）。 画像は先にメディアへアップロードします。 流れ：メディアに画像UP → ギャラリーで選択 → キャプション入力 → 公開 手順: 1. メディア で画像をアップロードしておく 2. コンテンツ → ギャラリー を開く 3. メディアから画像を選んで追加 4. キャプションを入力して保存 [スクショ: content-gallery.png] ギャラリー管理画面 写すべき状態：登録済みの画像サムネイルが並んだ状態（/content/gallery） ヒント：アップロード画像はEXIF・GPS位置情報を自動で除去します。 使用中の画像を削除すると公開サイトの表示も消えます。 ------------------------------------------------------------------ 11. サイト編集｜お知らせ・ブログ ------------------------------------------------------------------ お知らせは全プラン、ブログはMax以上。 どちらも コンテンツ → お知らせ／ブログ から書きます。 流れ：新規作成 → タイトル・本文 → カバー写真 → 下書き/公開 手順: 1. コンテンツ → お知らせ（全プラン）：タイトル＋本文で作成し、即時公開または下書き保存 2. コンテンツ → ブログ（Max以上）：Markdownで長文記事＋カバー写真 3. 一覧で公開/下書きの状態を切り替え 4. 公開すると公開サイトの記事ページに表示 [スクショ: content-blog.png] お知らせ／ブログ画面 写すべき状態：お知らせ・ブログの記事一覧（公開/下書きの状態つき）（/content/blog） ヒント：薬機法・景表法のリスク語には注意表示が出ます（入力は可・改善推奨）。 事実に基づく表現を心がけましょう。 ------------------------------------------------------------------ 12. サイト編集｜メディアライブラリ ------------------------------------------------------------------ サイトで使う画像を一元管理します（メディア）。 ギャラリー・スタッフ・ブログなどから参照されます。 流れ：画像を選ぶ → アップロード → 自動最適化 → 各所で参照 手順: 1. メディア を開く 2. JPEG／PNG／WebP の画像をアップロード（大きい画像は自動で縮小） 3. アップロード済み画像は他の編集画面から選んで使える 4. 不要な画像は削除（使用中の画像削除に注意） [スクショ: media.png] メディアライブラリ画面 写すべき状態：アップロード済み画像のサムネイル一覧とアップロードボタンが見える状態（/media） ヒント：画像は非公開ストレージに保管し、表示時のみ期限付き署名URLで配信する プライバシー設計です。 ------------------------------------------------------------------ 13. ネット予約｜予約管理（一覧と確定/却下） ------------------------------------------------------------------ 届いた予約を確認し、確定・不成立・完了・キャンセルを進めます（予約）。 流れ：予約一覧 → 詳細を開く → 確定/不成立 → 完了 手順: 1. 予約 を開き、ステータスタブで絞り込み（未対応/確定/不成立/完了/キャンセル） 2. 対象の予約をクリックして詳細を開く 3. 未対応 →「確定」（日時指定・メッセージ任意）または「不成立」 4. 来店後は確定 →「完了」／取りやめは「キャンセル」 [スクショ: reservations.png] 予約一覧画面 写すべき状態：ステータスタブと予約一覧（顧客名・日時・状態）が見える状態（/reservations） ヒント：ステータス遷移は一方通行です。「完了」「キャンセル」は元に戻せません （完了時に来店加算・ポイント付与・口コミ依頼が動きます）。 ------------------------------------------------------------------ 14. ネット予約｜来店前メールリマインド（全プラン） ------------------------------------------------------------------ 確定済みで来店が近づいた予約に、自動でリマインドメールを送ります（No-Show削減）。 すべてのプランで使えます。 流れ：予約を確定 → 来店が近づく → 自動でメール送信 → 1回のみ 手順: 1. 予約を「確定」にしておく（メールアドレス登録のお客様が対象） 2. 来店日時が近づくと、システムが自動でリマインドメールを送信 3. 送信は予約1件につき1回のみ（重複送信なし） 4. LINE連携（Max以上）を設定していれば、LINEでもリマインドを送れます [スクショ: reservation-detail.png] 予約詳細（確定状態） 写すべき状態：予約詳細でステータスが「確定」、来店日時が入っている状態（/reservations/[id]） ヒント：リマインドはメール（とMaxはLINE）で送ります。SMS通知は非対応です。 ------------------------------------------------------------------ 15. ネット予約｜予約カレンダー設定（Max以上） ------------------------------------------------------------------ 15分単位・12週先までのカレンダー予約の受付条件とスタッフ勤務時間を設定します （設定 → 予約カレンダー）。 流れ：受付条件 → 休業日 → スタッフ勤務時間 → 事前決済(任意) 手順: 1. 設定 → 予約カレンダー を開く（Max以上） 2. リード時間・受付可能な週数などの受付条件を設定 3. 休業日・スタッフごとの勤務時間を設定 4. 事前決済（デポジット）を使う場合はStripe接続をON [スクショ: settings-reservations.png] 予約カレンダー設定画面 写すべき状態：受付条件・休業日・スタッフ勤務時間の設定欄が見える状態（/settings/reservations） ヒント：カレンダー表示にはメニューの所要時間が必須です。空き枠は自動計算されます。 事前決済の売上はお店のStripe口座へ直接入金されます。 ------------------------------------------------------------------ 16. 顧客｜顧客台帳 ------------------------------------------------------------------ 予約のお客様を電話・メールで名寄せして自動で台帳化します（顧客台帳）。 検索・詳細管理ができます。 流れ：予約で自動追加 → 検索 → 顧客詳細 → 来店履歴 手順: 1. 顧客台帳 を開く 2. 氏名・電話・メールで検索 3. 氏名をクリックして詳細（プロフィール・来店履歴）を表示 4. 電話番号またはメールが同じお客様は自動で名寄せ [スクショ: customers.png] 顧客台帳画面 写すべき状態：顧客一覧と検索欄が見える状態（/customers） ヒント：顧客情報の閲覧はオーナー/管理者/閲覧者のみ（編集者には表示されません）。 台帳上限はProで300名です。 ------------------------------------------------------------------ 17. 顧客｜電子カルテ・CSVインポート ------------------------------------------------------------------ 顧客詳細で施術・接客記録を残せます（電子カルテ＝Max以上）。 既存顧客はCSVで一括取込できます。 流れ：顧客詳細 → カルテ記録(Max) → CSV選択 → 内容確認→取込 手順: 1. 顧客詳細：来店履歴・電子カルテ（Max以上）・ポイント（Max以上）を確認 2. 電子カルテ：施術内容や接客メモを追加・編集・削除（Max以上） 3. 一括取込：顧客台帳 → CSVインポート（オーナー/管理者） 4. ファイルを選び、内容を確認してから取込（電話・メールで既存顧客と自動名寄せ） [スクショ: customers-import.png] CSVインポート画面 写すべき状態：CSVファイル選択と取込内容のプレビューが見える状態（/customers/import） ヒント：電子カルテは準要配慮情報として扱います。閲覧権限のあるロールのみ表示されます。 ------------------------------------------------------------------ 18. ネット通販｜通販設定（Max以上） ------------------------------------------------------------------ 公開サイトに通販ページ（/shop）を追加します。 売上はお店のStripe口座へ直接入金されます（設定 → 通販設定）。 流れ：Stripe接続 → 送料/受渡 → 特商法表記 → 公開条件OK 手順: 1. 設定 → 通販設定 を開く（Max以上） 2. Stripe Connect を接続（売上の受け取り口座） 3. 送料・受け渡し方法・特定商取引法の表記を設定 4. 公開には「Stripe接続・特商法表記・受け渡し方法1つ以上」が必要 [スクショ: settings-shop.png] 通販設定画面 写すべき状態：Stripe接続状態・送料・受け渡し方法・特商法表記の設定欄が 見える状態（/settings/shop） ヒント：VANNAは販売手数料を取りません。売上は決済事業者の手数料を除き、 お店のStripe口座へ直接入金されます。 ------------------------------------------------------------------ 19. ネット通販｜商品管理・注文管理（Max以上） ------------------------------------------------------------------ 商品を登録して公開し、入った注文を処理します（商品管理／注文管理）。 流れ：商品登録 → 公開 → 注文受付 → 発送/完了 手順: 1. 商品管理：商品名・価格・在庫・写真を登録して「公開」 2. 「通販ページを公開」をON（3条件が揃うと有効） 3. 注文管理：入金済みの注文を確認 4. 「発送済み」「完了」に更新（返金はオーナーのみ） [スクショ: shop-products.png] 商品管理／注文管理画面 写すべき状態：商品一覧（価格・在庫・公開状態）または注文一覧が見える状態 （/shop/products・/shop/orders） ヒント：在庫数を超える注文は受け付けません。注文ステータスの更新は、 お客様への案内とあわせて行いましょう。 ------------------------------------------------------------------ 20. 販促｜販促・クーポン（Max以上） ------------------------------------------------------------------ 割引クーポンを作り、誕生日・休眠（しばらく来店のない）お客様へ自動メールを送ります （販促・クーポン）。 流れ：クーポン作成 → 誕生日メール → 休眠掘り起こし → 保存 手順: 1. 販促・クーポン を開く（Max以上） 2. コード・割引（%/円）・利用条件を入力してクーポン作成 3. 誕生日メールをON（添付クーポンを選択） 4. 休眠掘り起こしメールをON（経過日数を設定）→「自動メール設定を保存」 [スクショ: marketing.png] 販促・クーポン画面 写すべき状態：クーポン一覧と誕生日/休眠メールの自動設定欄が見える状態（/marketing） ヒント：販促メールはお客様の事前同意が前提です。配信停止の求めには 速やかに対応してください（特定電子メール法はサロン側の責任）。 ------------------------------------------------------------------ 21. 販促｜ポイント・会員ランク（Max以上） ------------------------------------------------------------------ 来店完了で自動ポイント付与、来店回数で会員ランクを自動判定します （設定 → ポイント・会員）。 流れ：自動付与ON → 付与ポイント数 → ランク回数 → 保存 手順: 1. 設定 → ポイント・会員 を開く（Max以上） 2. 「来店完了時に自動付与」をON＋付与ポイント数を入力 3. シルバー／ゴールドになる来店回数を設定 4. 「保存する」 [スクショ: settings-loyalty.png] ポイント・会員画面 写すべき状態：自動付与のON/OFF・付与ポイント数・ランク回数の設定欄が 見える状態（/settings/loyalty） ヒント：ゴールド回数はシルバー回数より大きく設定します。 変更は以後の来店から適用されます。 ------------------------------------------------------------------ 22. 口コミ｜口コミ管理（Max以上） ------------------------------------------------------------------ 投稿された口コミを確認し、掲載するものを選別します。 掲載中のものだけ公開サイトに表示されます（口コミ）。 流れ：来店完了で依頼メール → 審査待ち → 掲載する → 非掲載/削除 手順: 1. 口コミ を開く（Max以上） 2. 来店完了時の口コミ依頼メールをON/OFF 3. 一覧で評価・本文・投稿者を確認 4. 「掲載する」で公開／不適切なものは「非掲載」または「削除」 [スクショ: reviews.png] 口コミ管理画面 写すべき状態：口コミ一覧（評価・本文・掲載状態）が見える状態（/reviews） ヒント：依頼メールは予約を「来店完了」にしたとき自動送信されます （メール登録のお客様が対象）。 ------------------------------------------------------------------ 23. LINE連携｜LINE連携の設定（Max以上） ------------------------------------------------------------------ LINE公式アカウント（Messaging API）と連携して、通知・配信を可能にします （設定 → LINE連携）。 流れ：LINE Developersで作成 → ID/シークレット/トークン → Webhook URLを貼付 → 保存 手順: 1. LINE Developers で Messaging API チャネルを作成 2. チャネルID・チャネルシークレット・アクセストークンを控える 3. 設定 → LINE連携：有効ON＋3つを入力 4. 画面に表示された Webhook URL を Developers 側に貼り付け →「保存」 [スクショ: settings-line.png] LINE連携設定画面 写すべき状態：有効ON・3つの認証情報入力欄・表示されたWebhook URLが 見える状態（/settings/line） ヒント：認証情報は暗号化して保存します。配信は友だちの同意が前提です （LINEのガイドライン遵守はサロン側の責任）。 ------------------------------------------------------------------ 24. LINE連携｜スタッフを招待（ユーザー管理） ------------------------------------------------------------------ LINE対応や日々の運用を分担するため、スタッフを管理画面に招待します （設定 → ユーザー管理。オーナーのみ）。 流れ：メールで招待 → ロール付与 → 本人が初回設定 → 共同運用 手順: 1. 設定 → ユーザー管理 を開く（オーナーのみ） 2. スタッフのメールアドレスを入力して招待 3. ロール（権限）を選んで付与 4. 招待された本人が招待メールから初回パスワードを設定してログイン [スクショ: settings-users.png] ユーザー管理画面 写すべき状態：招待フォームとメンバー一覧（メール・ロール・状態）が 見える状態（/settings/users） ヒント：ロール＝オーナー(全操作)/管理者(設定・公開)/編集者(コンテンツ)/閲覧者(閲覧)。 管理ユーザー数はProで2名までです。 ------------------------------------------------------------------ 25. 設定｜デザイン設定 ------------------------------------------------------------------ 完成済みのデザインを選んで適用します。 コンテンツは保持されるので何度でも切り替えできます（設定 → デザイン）。 流れ：絞り込み → プレビュー → ♡で保存 → 適用 → 即反映 手順: 1. 設定 → デザイン を開く 2. タグや種別（ベーシック/プレミアム）で絞り込み 3. 気になるデザインを♡で保存し「お気に入り」で見返す 4. 「プレビューを見る」で確認 →「このデザインを適用する」 [スクショ: settings-theme.png] デザイン設定画面 写すべき状態：デザイン一覧・絞り込み・♡お気に入り・適用ボタンが 見える状態（/settings/theme） ヒント：公開中は適用が即サイトに反映されます。 プレミアムデザインはMax以上で利用できます。 ------------------------------------------------------------------ 26. 設定｜ナビゲーション・SEO・基本情報 ------------------------------------------------------------------ メニュー構成・検索表示・店舗情報を整えます （設定 → ナビゲーション／SEO／サイト基本情報）。 流れ：ナビ項目 → SEOメタ → 営業時間・地図 → 保存 手順: 1. 設定 → ナビゲーション：ヘッダー/フッターの項目を追加し、種別を選んで↑↓で並び替え 2. 設定 → SEO：サイト全体のメタタイトル・説明文を入力（各ページ個別も可） 3. 設定 → サイト基本情報設定：営業時間・定休日・地図・SNSを入力 4. それぞれ「保存」 [スクショ: settings-seo.png] SEO設定／ナビ設定画面 写すべき状態：メタタイトル・説明文の入力欄、またはナビ項目の並び替えが 見える状態（/settings/seo・/settings/navigation） ヒント：各ページのSEOが未入力のときは、サイト全体の設定が使われます。 ------------------------------------------------------------------ 27. 設定｜独自ドメイン（Max以上） ------------------------------------------------------------------ お店の独自ドメインで公開サイトを表示できます（設定 → 公開・ドメイン設定）。 メール送信ドメインも設定できます。 流れ：公開する → サブドメインURL確認 → 独自ドメイン → DNS設定→認証 手順: 1. 設定 → 公開・ドメイン設定 を開く（オーナーのみ） 2. 「公開する／非公開にする」を切替（確認あり） 3. 標準の公開URL（◯◯.sites.at-vanna.com）を確認 4. 独自ドメイン：ドメインを登録 → 表示された手順でDNS設定 →「認証を確認」 [スクショ: settings-domain.png] 公開・ドメイン設定画面 写すべき状態：公開トグル・公開URL・独自ドメイン/メールドメインの設定欄が 見える状態（/settings/domain） ヒント：非公開にすると、URLを知っていても閲覧できなくなります。 独自ドメインはMax以上の機能です。 ------------------------------------------------------------------ 28. 設定｜課金・プラン・解約 ------------------------------------------------------------------ プランの確認・アップグレード・お支払い方法を管理します （設定 → 契約・お支払い。オーナーのみ）。 流れ：契約状況確認 → アップグレード → お支払い方法 → 解約 手順: 1. 設定 → 契約・お支払い を開く（オーナーのみ） 2. 現在のプラン・トライアル状況を確認 3. アップグレード／お支払い方法の変更（Stripeの安全な画面で手続き） 4. 解約は /settings/billing/cancel から手続き [スクショ: settings-billing.png] 契約・お支払い画面 写すべき状態：現在のプラン・トライアル表示・アップグレード/お支払い管理ボタンが 見える状態（/settings/billing） ヒント：申込はStripe Checkout、変更・解約・カード変更はStripeのカスタマーポータルで 行います。料金は税込・初期費用0・予約/販売手数料0です。 ------------------------------------------------------------------ 29. お問い合わせ｜お問い合わせ対応 ------------------------------------------------------------------ 公開サイトから届いたお問い合わせを受け取り、進捗を管理します（問い合わせ）。 流れ：タブで絞り込み → 詳細を開く → メール返信 → ステータス更新 手順: 1. 問い合わせ を開き、タブ（未対応/対応中/対応済み）で絞り込み 2. 行をクリックして内容を確認 3. お客様のメールアドレスから返信 4. ステータスを更新／社内メモを記入 [スクショ: inquiries.png] お問い合わせ画面 写すべき状態：タブと問い合わせ一覧（名前・件名・状態）が見える状態（/inquiries） ヒント：社内メモはスタッフ用で、お客様には表示されません。 ------------------------------------------------------------------ 30. 分析｜経営ダッシュボード・アクセスデータ ------------------------------------------------------------------ 経営ダッシュボード（Max以上）で売上・来店・リピートを、 アクセスデータで公開サイトのPVを確認します。 流れ：経営ダッシュボード → 売上/来店/リピート → アクセスデータ(30日) → 人気ページ/参照元 手順: 1. 経営ダッシュボード（Max以上）：当月の売上・来店・リピート状況を確認 2. アクセスデータ：直近30日の表示回数（PV）推移を確認 3. 人気ページ・参照元（流入元）を確認 4. 数値をもとにメニューや販促を見直す [スクショ: insights.png] 経営ダッシュボード／アクセスデータ 写すべき状態：当月の売上・来店・リピートの集計、またはPV推移グラフが 見える状態（/insights・/analytics） ヒント：アクセス解析はパスと参照元のみを記録し、IP/Cookie/端末情報は 保存しないプライバシー設計です。 ------------------------------------------------------------------ 31. 安心・運用｜セキュリティと困ったとき ------------------------------------------------------------------ 運用のコツと、解決しないときの問い合わせ入口です。 - 本人確認・MFA：登録時にSMSワンタイム本人確認。 アカウント設定で二段階認証(MFA)を登録できます - 操作履歴：設定 → 監査ログ で重要操作の履歴を確認（オーナー/管理者） - 不可逆操作：「完了」「キャンセル」「削除」は確認のうえ取り消し不可 - プラン差：ブログ/カレンダー予約/通販/ポイント/口コミ/クーポン/LINEはMax以上 - 困ったとき：ダッシュボードのヘルプ／このマニュアル／お問い合わせ（contact） [スクショ: settings-account.png] アカウント設定（MFA）画面 写すべき状態：二段階認証(MFA)の登録セクションが見える状態 （/settings/account・/settings/security） ヒント：通信はHTTPS（HSTS）、全テーブルでアクセス制御を強制、 エラーログから個人情報を自動除去するなど、安全性に配慮しています。 ================================================================== 撮影チェックリスト（差し込み用スクリーンショット） ================================================================== URLはすべて app.at-vanna.com 配下。画像は manual-screenshots/ に保存。 Max以上の機能は対応プランで、個人情報が写り込まないサンプルデータで撮影。 （表形式のフル版は docs/manual-v2-screenshot-checklist.md） 画面名 URL 保存ファイル名 ---------------------------------------------------------------------- ログイン /login login.png ダッシュボード /dashboard dashboard.png サイドバー全体 (任意画面) sidebar.png 基本設定 /settings/general settings-general.png ページ編集 /editor editor.png メニュー・料金 /content/menu content-menu.png スタッフ管理 /content/staff content-staff.png ギャラリー管理 /content/gallery content-gallery.png お知らせ／ブログ /content/blog content-blog.png メディアライブラリ /media media.png 予約一覧 /reservations reservations.png 予約詳細(確定) /reservations/[id] reservation-detail.png 予約カレンダー設定 /settings/reservations settings-reservations.png 顧客台帳 /customers customers.png CSVインポート /customers/import customers-import.png 通販設定 /settings/shop settings-shop.png 商品管理 /shop/products shop-products.png 販促・クーポン /marketing marketing.png ポイント・会員 /settings/loyalty settings-loyalty.png 口コミ管理 /reviews reviews.png LINE連携設定 /settings/line settings-line.png ユーザー管理 /settings/users settings-users.png デザイン設定 /settings/theme settings-theme.png SEO設定 /settings/seo settings-seo.png 公開・ドメイン設定 /settings/domain settings-domain.png 契約・お支払い /settings/billing settings-billing.png お問い合わせ /inquiries inquiries.png 経営ダッシュボード /insights insights.png アクセスデータ /analytics analytics.png アカウント設定(MFA) /settings/account settings-account.png ================================================================== （おわり）VANNA 管理画面 操作マニュアル ver2 ==================================================================