miseruHP ／ ページ編集マニュアル

ページ編集の使い方

お店の管理画面（編集画面）で、VR対応ホームページの中身を編集する方法をまとめました。ログイン → 編集 → プレビューで確認 → 保存して公開、までを順番に説明します。スマホだけで操作できます。

このページで分かること

いちばん大事なこと

編集画面の右下には「プレビュー（即反映）」があり、色やボタンを変えると、その場で見た目がリアルタイムに変わります。とても便利ですが——

この時点では、まだ保存されていません。プレビューは「あなたの画面で見えているだけ」の状態です。

画面下にある青い 保存して公開 ボタンを押してはじめて、お客様が見る本物のページに反映されます。

✅ ポイント 「プレビューで良い感じ ＝ 完成」ではありません。最後に必ず「保存して公開」を押してください。ここが、いちばん多いつまずきです。

保存に成功すると、画面に 「✅ 保存して公開しました」 と表示されます。これが出れば完了です。

手順1：ログインする

  1. お店ごとにお渡しした管理画面のURLを開きます。
  2. ID と パスワード を入れてログインします。

画面の上（ヘッダー）には、次のボタンが並んでいます。

その下に 🌐 このページのURL（お客様が見るページ） というバーがあります。コピー を押すと、お客様用のURLがコピーできます。

✅ ポイント コピーしたURLは、SNS・チラシ・LINEにそのまま貼れます。お客様に見てもらうページのアドレスです。

手順2：全体の流れ

編集画面は、上から順にいくつかのセクションが並んでいます。

基本の流れはいつも同じです。

  1. 上から順に、直したいところを編集する
  2. 右下のプレビューで見た目を確認する
  3. 最後に 保存して公開 を押す

手順3：画像をアップする

  1. 各セクションにある ＋ 画像をアップ または 画像を変更 を押します。
  2. スマホの写真を選びます。それだけです。

アップした画像はすぐに画面へ反映されます。

⚠️ つまずき注意 画像を替えたあとも、最後に 保存して公開 を押さないと本番には反映されません。

手順4：ボタン（ナビ）を設定する

VR画面の下に出るボタンです。お客様が最初にタップする、いちばん大事な部分です。

⚠️ つまずき注意 おすすめパックを選ぶと、今あるボタンは全部消えます（消える前に確認が出ます）。作り込んだ後に押さないようご注意ください。

選べるボタンの種類（9つ）

  1. 電話

    電話番号（ハイフンなし）を入力します。タップするとそのまま発信できます。

  2. リンク(URL)

    LINE・ホットペッパー・食べログ・地図・駐車場などのURLを貼ります。❓ URL・リンクの取得方法 を押すと、Instagram（ユーザー名を入れると自動でURLを作成）・Googleマップ・公式LINE・予約サイトの、URLの取り方ガイドが開きます。

  3. シーン移動（部屋へ）

    このVRの部屋（シーン）の一覧から、移動先を選びます。例：「駐車場」ボタン → 駐車場の部屋へVR内で移動。※VRの部屋が無いお店では使えません。

  4. 2つに分ける・リンク集（脱毛／mo:eye 等）

    タップすると選択肢が下に並びます。脱毛用・mo:eye用など、2つ以上をまとめられます（表示名を「脱毛サロン」「mo:eye」等に）。各項目はリンクでも電話でも設定でき、SNSアイコンも選べます。脱毛とmo:eyeで電話番号が違うときに便利です。

  5. 料金表を開く

    タップしたときの動きを2択から選べます（どちらか一方だけ有効）：①下の「料金表」（画像）を開く（既定・作り方は手順5）／②リンク（URL）を開く（すでに料金ページやPDFがある場合はURLを貼るだけ）。両方を気にする必要はなく、選んだ方だけが開きます。

  6. before/after

    タップすると「before/after」セクションが開きます。※公開できる症例が0件だと、押しても何も出ません。

  7. 画像ポップアップ

    画像をアップしておくと、タップでその画像がポップアップ表示されます。

  8. 動画ポップアップ

    YouTube / Vimeo のURLを貼るだけです（サーバー容量を使いません）。縦型・30秒までが目安です。

  9. 近くの店舗（店舗マップ）

    タップで「地元の姉妹店マップ → 全国店舗一覧」が開きます。中身は制作会社側で設定します。系列店があるお店だけ使います。

手順5：料金表を「初回のお客様／再来のお客様」で分ける

このマニュアルのいちばん大事なところです。「初回と再来で料金表を分けたいのに、うまく反映されない」というつまずきを、ここで解決します。

  1. 「料金表」セクションを開き、＋ カテゴリを追加 を押します。
  2. カテゴリ名は自由に入力できます（入力欄の例：「カテゴリ名（例：レディース脱毛）」）。ここに 「初回のお客様」 と入力します。もう一度 ＋ カテゴリを追加 を押して 「再来のお客様」 を作ります。これでカテゴリが2つになります。
  3. 各カテゴリの中の ＋ アイテムを追加（画像アップ） を押し、その料金表の画像を選びます（料金表は画像で登録します）。
  4. アイテムごとに、表示方法を 「画像のみ／画像＋タイトル／画像＋タイトル＋説明」 から選べます。必要ならタイトル（例：全身脱毛 都度払い）や説明文も入力できます。
  5. ▲ ▼ で、カテゴリやアイテムの順番を入れ替えられます。
✅ ポイント（“分ける”の正体） カテゴリが2つ以上あると、お客様が料金表を開いたとき、上部で 「初回のお客様／再来のお客様」を切り替えられるようになります。これが「分ける」の仕組みです。

最後に、料金表を開く ボタンが6つのボタンの中に置かれているかも確認してください（無いと、お客様が料金表を開けません）。

⚠️ つまずき注意（実際にあった失敗）
  • 「保存して公開」を押していない（プレビューだけでは本番に反映されません。いちばん多い原因です）。
  • 右下プレビューを見て「できた」と満足して、そこで終わっている。
  • カテゴリ名だけ作って、中に画像アイテムを入れていない（中身が空のカテゴリは、何も表示されません）。
  • 料金表を開くボタン自体を配置していない。

仕上げは必ずこの順番で：

  1. 保存して公開 を押す
  2. 「✅ 保存して公開しました」 の表示を確認する
  3. プレビュー ↗（別タブ）、またはお客様用URLで、実際の見え方を確認する

手順6：before / after（症例）

「before/after」セクションでも、料金表と同じようにカテゴリ分けができます（例：顔／体／VIO、全身／部分）。カテゴリが2つ以上あると、開いたとき上部で切り替えられます。

症例ごとに、次のどちらかを選べます。

お客様は before/after ボタンから開きます。

手順7：オープン時のポップアップ（お知らせ・期間限定）

  1. ポップアップを表示する を ON にします。
  2. 本文を入力します（例：ご新規様は初回半額キャンペーン中！）。
  3. 👁 プレビューで見る で、見え方を確認します。

手順8：保存して公開する

編集し終えたら、画面下の 保存して公開 を押します。「✅ 保存して公開しました」 と出れば完了です。お客様のページに反映されます。

✅ ポイント スマホでは、右下のプレビューは最初たたまれています。ヘッダーの ▁ で開いたり閉じたりできます。

困ったとき