全国理容生活衛生同業組合連合会
ポータルWEBサイト

管理画面マニュアル①構築編

理容組合加盟店限定
お客様にお店の魅力やサービスをアピールして売上げアップをめざしませんか？

1.ログイン …………………………………………… 02【1】ログイン画面にアクセス【2】ID・パスワードを入力してログインする
2.管理画面 …………………………………………… 03【1】管理画面の概要【2】編集項目

3.表示プランの設定 ……………………………… 04【1】表示プランを選択する

4.基本情報（店舗編集）………………………… 05【1】お店の情報を編集する

5.ギャラリー ………………………………………… 07【1】ギャラリー【2】新規作成【3】編集する【4】削除する【5】並び替え

6.スタッフ …………………………………………… 10【1】スタッフ【2】新規作成【3】編集する【4】削除する【5】並び替え7.ヘアカタログ ……………………………………… 14【1】ヘアカタログ【2】新規作成【3】編集する【4】削除する【5】並び替え

8.料金メニュー…………………………………… 18【1】料金メニュー【2】新規作成【3】編集する【4】削除する【5】並び替え9.SNS設定【1】新着機能………………………………………… 22【2】新着機能をBLOGに設定する【3】新着機能をX（旧Twitter）に設定する【4】新着機能をfacebookに設定する

10.サイト確認 ……………………………………… 25【1】掲載ページを見る01

1.ログイン【1】ログイン画面にアクセス
管理画面にアクセスします。
下記のいずれかの方法でログイン画面にアクセスして管理画面に移動できます。

①URLを直接入力

https://2023.hairnavi.net/cms/

右記のURLをブラウザで直接入力してアクセスします。
※パソコン・スマートフォン共通②QRコード読み取り
右記のQRコードを読み取ってログイン画面にアクセスします。
※QRリーダーのアプリが必要となります③ヘアなびTOPページのリンクから
ブラウザで「ヘアなび」（https://www.hairnavi.net）にアクセスしてページ最下部にある「店舗管理」を押して開きます。
※一般公開される12/20以降にご利用できます※右記参照

ヘアなびのどのページにも最下部に「店舗管理」のリンクがあります

TIPS ブックマーク登録すると次回から簡単にアクセスできます
上記のいずれかの方法でアクセスできたら該当ページをブックマークすると、次回以降のアクセスが簡単にできます。

【2】ID・パスワードを入力してログインする
ログイン画面にアクセスできると左記（図①）の画面がでてきます。

①IDを入力する「login̲id」と書かれた枠にIDを入力します。
※店舗様の電話 番号※店舗様の電話 番号

初回は店舗の電話番号（市外局番より、ハイフンなし数字のみ）です。
入力は半角英数字にて行ってください。

②パスワードを入力する
次に「passwd」と書かれた枠にパスワードを入力します。
初回は店舗の電話番号（市外局番より、ハイフンなし数字のみ）です。
入力は半角英数字にて行ってください。

③loginをクリックする①ログイン画面

IDとパスワードを入力したら最後に「login」とかかれたボタンを押します。

ログインには設定したIDとパスワードを使用します

TIPS 初回ログイン時にIDとパスワードを必ず変更してください
初回ログイン後は安全性を考慮してIDとパスワードを設定し直すようにしてください。初期状態のままだと、
電話番号を知っている第三者がログインする可能性があります。変更の際はIDとパスワードはご自身が覚えやすいものにすること、紙などに控えて保管しておくことを強くおすすめします。

IDとパスワードの変更は「店舗編集」にて行えます（02

項目3.基本情報（店舗編集）⑪ログイン設定）

2.管理画面【1】管理画面の概要
ログイン成功後、以下の画面になります。それぞれの項目から掲載内容を登録・編集・削除などすることが可能です。
左（図②）はパソコン用画面、右（図③）はスマートフォン用の画面になります。
見た目は違いますが、操作できる内容は変わりません。

②管理画面TOP（パソコン向け）【2】編集項目③管理画面TOP（スマートフォン向け）

管理画面で編集できるのは以下の項目になります。
編集方法など詳しくはそれぞれの項目でご確認いただけます。

①店舗編集（
①

②

③

④

⑤

⑥

⑦

⑧

②ギャラリー（

⑩

⑪

項目5へ）

お店を紹介する写真をコメント付で登録・編集できます。

③スタッフ（⑨

項目4へ）

営業時間や住所などのお店の基本情報を編集できます。
ログイン用のIDとパスワードの変更も行えます。

項目6へ）

お店に所属するスタッフを登録・編集できます。

④ヘアカタログ（

項目7へ）⑤料金メニュー（項目8へ）施術の実績として紹介するヘア写真を登録・編集できます。
④編集できる項目（管理画面TOP）

お店で行えるメニューを登録・編集できます。

⑥SNS設定（項目9へ）SNSの表示に関する設定・管理を行います。
ブログ・X（旧Twitter）・Facebookより選べます。

⑦予約設定（ 別冊「ネット予約マニュアル」）⑧予約カレンダ−（ 別冊「ネット予約マニュアル」）⑨休日カレンダ−（⑩予約履歴（

別冊「ネット予約マニュアル」）

別冊「ネット予約マニュアル」）

ネット予約に関連する機能です。詳しくは管理画面TOPの「マニュアル動画&PDFのご案内」からご覧いただけます。

⑪サイト確認（項目11へ）

実際にお客様が見るページを確認できます。
033.表示プランの設定【1】表示プランを選択する
初回ログイン時に管理画面TOPにある「プラン」をA〜Cのいずれかを選択します。
プランごとの違いについては下記の表よりご確認ください。

プラン設定
Aプラン
ネット予約を含め、全ての機能を利用できるプランです。
Bプラン
ネット予約を除く機能を利用できるプランです。
Cプラン
最小限のお店情報を表示します。

TIPS 2024年12月末まで

全てのプランが無料で使えます

サービス開始から1年間は全てのプランが無料で使えます。2025年1月以
降はAプランは有料サービスとなり、Aプランの利用料金は年間12,000円（税込）となります。
プランについては管理画面TOPの「無料期間・プランのご案内」をご確認ください。
③管理画面TOP（スマートフォン向け）

プラン別の表示・機能の違い
表示・機能

Aプラン

Bプラン

Cプラン

基本情報（①）◯◯◯

検索カテゴリ（①）◯◯◯

店舗ロゴ（①）◯◯◯

店舗ギャラリー（②）◯◯※3点まで◯※3点までヘアカタログ（④）◯※100点まで◯※2点までスタッフ（③）◯◯※2点まで料金メニュー（⑤）◯◯

SNS（⑥）◯◯

アクセス（①）◯◯

予約システム（⑦⑧⑨⑩）◯

ポイント付与（⑦）◯◯◯※表示・機能名のあとの括弧内の数字は編集項目の番号です※登録写真の枚数に制限があります※ポイント付与については別冊「ネット予約マニュアル」をご覧ください04

4.基本情報（店舗編集）【1】お店の情報を編集する
店舗管理画面TOP「①店舗編集」では、店舗の基本情報を編集することができます。

①ロゴ画像の登録
店名左隣に表示される画像です。横向きの写真が推奨です。
A. 変更がない場合は…

B. 変更する場合は…

（1）「変更なし」を選択（1）「上書き」を選択（2）「ファイルを選択」を押す（3）画像を選ぶ②店主名の登録（4）画面最下部の登録ボタンを押す

オーナーのお名前を入力してください。掲載ページに表示はされません。

③連絡先メールアドレス
ID・パスワードを忘れたときに再設定するための連絡先です。

④店名（必須）および店名（カナ）の登録「店名」の欄にお店のお名前を正確に入力してください。
また「店名（カナ）」は読み仮名として表示されます。

⑤キャッチおよび店舗説明の入力
キャッチコピーおよび店舗説明の枠にお店の紹介文を入力します。
キャッチ
見出しになります。長くなりすぎず簡潔な方が読みやすくなります（40 文字程度）。
店舗説明
お店の特徴を記載する欄です。お店の雰囲気や得意な施術・サービスなど
お店をアピールできる内容を入力してください。

⑥住所などの入力
住所をはじめとしたお店の基本情報を登録します。
すでに入力済の場合は次へ進んでください。
住所（必須）
郵便番号は必ず入力してください。エリア検索の際に参照します。
電話番号（必須）
必ず半角で入力してください。
全角だとスマホから直接電話がかけられない場合があります。
駐車場「専用駐車場〇〇台」「共用駐車場〇〇台」「提携駐車場あり」などの表記が一般的です。
なしの場合は「なし」と表記してください。
椅子台数
椅子台数を入力してください。その際、単位（台）まで忘れずに入力してください。

⑦アイコン・決済方法の選択
それぞれ該当している項目を選択して対応していることを表示します。
チェックされているかどうかは下記の「あり・なし」で確認してください。
…あり

アイコン

…なし

対応しているサービス・施術にチェックをいれます。
⑤「店舗編集」管理画面※次ページに続きます

決済
利用できる決済サービスにチェックをいれます。
05

4.基本情報（店舗編集）【1】お店の情報を編集する（続き）⑧URLの登録

お店のホームページなどあれば入力します。
https://〜から入力してください。
なければ空欄でも問題ありません。
※ブラウザのURL欄に表示されているものをコピー&ペーストが簡単です⑨備考の入力
お客様に促したい注意事項などあれば入力してください。
なければ空欄でも問題ありません。

⑩地図の登録お店の場所を地図上で選択します。
ココにお店の位置を合わせます

画面中央にある「＋」の位置にお店の場所が来るように地図をスライドしてください。
右下の「＋/ ー」で地図の倍率を変更できます。見づらい場合は拡大してみてください。
※地図下部の数字は緯度・経度になります⑪ログイン設定
ログイン時に使用する ID およびパスワードを変更することができます。
それぞれ半角英数字 8 文字以上で入力してください。
全角文字および記号類は使用できません。
変更後、再度ログインする際は登録し直した新しいものでログインしてください。
変更した際は忘れないようメモを控えることをおすすめします。
⑤「店舗編集」管理画面※前ページからの続きです⑫登録ボタン
全ての編集が完了したら登録ボタンを押してください。
ページが読み込まれて「更新しました」と表示されたら完了です。

TIPS 登録ボタンを忘れずに!!
登録ボタンを押すまで編集した内容は表示に反映されません。
編集に時間がかかる場合はある程度入力したら一旦登録ボタンを押すのも有効です。
途中で作業を止める場合も必要に応じて登録ボタンを押すことをおすすめします。
ただし文章など編集途中のまま登録ボタンを押すとその状態が表示に反映されるのでご注意ください。
他の編集ページでも同様にボタンを押すのを忘れないようご注意ください。
こんな操作は要注意!
×編集途中で長時間放置した → 自動ログアウトして編集が無効に
×ブラウザの「戻る」ボタンを押した → ページ移動すると編集内容が消えます
×ブラウザを閉じてしまった → ページもなくなるので編集内容は消えます06

5.ギャラリー【1】ギャラリー
店舗管理画面TOP「②ギャラリー」では、店舗紹介写真の登録・編集ができます。
登録した写真と説明は店舗TOPページに表示されます。

ギャラリーページでできること「ギャラリー」では以下の操作が可能です。
詳しくはそれぞれの項目をご覧ください。
【2】新規作成 …新たに写真を登録する場合に選びます。
【3】編集…登録した写真を変更・編集する場合に選びます。

【4】削除…登録した写真を削除します。

【5】並び替え …登録した写真を並び替えます。
「表示中」
「非表示」
…登録した写真が表示されているか示しています。
登録件数…登録してある件数が表示されます。
一定数を超えると2ページ目以降が生成されます。
Aプランは無制限、Bプラン・Cプランは3点まで登録できます。

⑥「ギャラリー」画面【2】新規作成「ギャラリー」に新しい写真を登録できます。

①「新規作成する」を押す
ギャラリーページの右上にあるボタンを押します。
押すと下記の新規作成画面（図⑦）が開きます。

②タイトルを入力
写真にタイトルをつけます。いわゆるキャッチコピーに当たります。
掲載ページにも表示されるのでわかりやすく簡潔にするとよいです。

③説明文を入力
タイトルでつけたものをより具体的に記載します。
80文字くらいを上限に入力すると読みやすいです。

④画像を選ぶ
「ファイルを選択」を押して使用したい画像を選びます。
選択できると「選択されていません」から「ファイル名（任意）」に変わります。

⑤表示設定
初期設定は「表示」が選択されています。
「非表示」にすると掲載ページには表示されません。

⑥登録ボタンを押す
一通り操作が終わったら登録ボタンを押します。
⑦「ギャラリー」新規作成画面

ページが読み込まれてギャラリーに戻ったら完了です。
075.ギャラリー【3】編集する「ギャラリー」に登録済の写真と説明を編集することができます。

①「編集」を押す
ギャラリーページの編集したい写真の右側にある「編集」を押します。
押すと下記の編集画面（図⑧）が開きます。

②タイトル・説明文を編集
必要に応じて編集します。編集方法は新規作成と同じです。

③画像を編集登録済の画像に対していずれかの操作を行います。
A.変更しない→「変更無し」を選ぶ。
B.画像を登録・変更する→「上書き」を選ぶ。
→「ファイルを選択」をクリックして使用したい画像を選びます。
※この場合のみ画像を選択していないとエラーとなります。ご注意ください
C.消す→「削除」を選ぶ。

④表示設定
初期設定は「表示」になっています。
編集途中で登録する場合は「非表示」にすると掲載ページに表示されません。

⑤登録ボタンを押す
一通り操作が終わったら登録ボタンを押します。
⑧「ギャラリー」編集画面

ページが読み込まれて「更新しました」と表示されたら完了です。

【4】削除する「ギャラリー」に登録済の写真を削除することができます。

①「削除」を押す
ギャラリーページの削除したい写真の右側にある「削除」を押します。

②確認メッセージで「OK」を選ぶ
下記のような確認メッセージが表示されます。
そこで「OK」を選択すると写真は完全に削除されます。
削除したデータは元には戻りませんので削除は慎重に行ってください。

08

5.ギャラリー【5】並び替え「ギャラリー」に登録してある写真の順番を入れ替えることができます。

①「並び替え」を押す
ギャラリーページの右上にあるボタンを押します。
押すと下記の並び替え画面（図⑨）が開きます。

②入れ替えたい項目を移動する
移動したい項目を押したまま、移動させたい位置までスライドさせます。

③順番が入れ替わります
移動させたい位置まで動かしたら離します。
移動先候補は黄色で表示されます。

⑨「ギャラリー」並び替え画面④「並び替えの反映」を押す
順番が入れ替わっているのを確認したら「並び替えの反映」を押して完了です。
ギャラリーページに戻って順番が変わっていることを確認してください。

09

6.スタッフ【1】スタッフ
店舗管理画面TOP「③スタッフ」では、スタッフ情報の登録・編集ができます。

スタッフページでできること「スタッフ」では以下の操作が可能です。
詳しくはそれぞれの項目をご覧ください。
【2】新規作成 …新たにスタッフ情報を登録する場合に選びます。
【3】編集…登録したスタッフ情報を編集する場合に選びます。

【4】削除…登録したスタッフ情報を削除します。

【5】並び替え …登録したスタッフ情報を並び替えます。
「表示中」
「非表示」
…登録したスタッフ情報が表示されているか示しています。
登録件数…登録してある人数が表示されます。
一定数を超えると2ページ目以降が生成されます。
Aプランは無制限、Bプランは2名まで登録できます。

⑩「スタッフ」画面

TIPS 画像の登録がうまくできないときは…
各項目で画像を登録しようとしてもうまくいかない時は下記の原因が考えられます。
（1）画像サイズが大きすぎる
画像サイズが大きいと登録が完了するまで時間がかかります。
一定時間以上過ぎるとサーバが受付終了してエラーになることがあります。
画像ソフトなどで画像サイズを小さくしてもう一度お試しください。
小さくしすぎるときれいな画像もぼやけてしまうことがあるので長辺 1000px 程度がおすすめです。
（2）通信回線が不安定
お使いの通信回線が不安定だと通信容量の大きい画像がうまくアップロードできない場合があります。
スマホであれば Wi-Fi 回線を利用したり、電波の安定している場所でお試しください。
パソコンの場合は時間帯によって通信速度が変わることがあるので時間を変えてお試しください。
（3）モバイル回線で通信制限がされている
スマホはご契約内容によって通信制限がかかることがあります（ご契約内容は各自でご確認ください）。
特に月末は残りの通信容量が少なくなって制限がかかりやすくなります。
登録作業は通信容量が多いのでモバイル回線より Wi-Fi 回線の利用をおすすめします。

10

6.スタッフ【2】新規作成
新しいスタッフを登録できます。

①「新規作成する」を押す
スタッフページの右上にあるボタンを押します。
押すと下記の新規作成画面（図⑪）が開きます。

②スタッフカテゴリー
スタッフの肩書を「スタイリスト」「アシスタント」「レセプション」「ネイリスト」から選びます。

③スタッフ名スタッフのお名前を入力してください。ニックネームでもかまいません。
読み仮名（カナ）も合わせて入力してください。

④キャッチと説明文
お客様に向けてのスタッフからのメッセージを入力してください。
アピールポイントになります。一言挨拶でもかまいません。

④キャリア年数
理容師になった年を西暦で選択してください。
お客様には年数で表示されます。

⑤訪問理容資格
訪問理容の資格に関して選択します。以下のいずれかからひとつ選びます。
「なし」「訪問理容師」「ケア理容師」⑥得意なスタイル（男女別）
得意なスタイルをチェックしてください。男女別で項目があります。
複数チェック可能です。

⑦得意な技術
得意な技術などあれば記載します。

⑧趣味・マイブーム
趣味・マイブームなど人柄を伝える項目です。
空欄でもかまいません。

⑨画像を選ぶ
「ファイルを選択」をクリックして使用したい画像を選びます。
選択できると「選択されていません」から「ファイル名（任意）」に変わります。

⑩ネット予約
初期設定は「不可能」が選択されています。
⑪「スタッフ」新規作成画面「可能」にするとネット予約機能の対象となります。

⑪表示設定
初期設定は「表示」が選択されています。
「非表示」にすると掲載ページには表示されません。

⑫登録ボタンを押す
一通り操作が終わったら登録ボタンを押します。
ページが読み込まれてスタッフページに戻ったら完了です。
11

6.スタッフ【3】編集する「スタッフ」に登録済のスタッフ情報を編集することができます。

①「編集」を押す
スタッフページの編集したいスタッフ情報の右側にある「編集」を押します。
押すと下記の編集画面（図⑫）が開きます。

②各項目を編集する各項目を編集できます。それぞれの編集方法は新規作成と同じです。
編集しない項目は特に操作する必要はありません。

③画像
画像は以下のいずれかの操作をします。
変更なし「現在の画像を使用」のチェックを入れた状態にする。
変更あり「現在の画像を使用」のチェックを外して、「ファイルを選択」をクリックして使用したい画像を選びます。
この場合、画像を選ばずに登録すると画像が削除されます。

④表示設定
初期設定は「表示」が選択されています。
編集途中で登録する場合は「非表示」にすると掲載ページに表示されません。

⑤登録ボタンを押す
一通り操作が終わったら登録ボタンを押します。
ページが読み込まれて「更新しました」と表示されたら完了です。

⑫「スタッフ」編集画面

12

6.スタッフ【4】削除する「スタッフ」に登録済のスタッフ情報を削除することができます。

①「削除」を押す
スタッフページの削除したいスタッフ名の右側にある「削除」を押します。

②確認メッセージで「OK」を選ぶ
下記のような確認メッセージが表示されます。
そこで「OK」を選択すると登録データは完全に削除されます。
削除したデータは元には戻りませんので削除は慎重に行ってください。

【5】並び替えスタッフの表示順を入れ替えることができます。
操作方法は4.ギャラリー【5】並び替えと同様です。

①「並び替え」を押す
スタッフページの右上にあるボタンを押します。
押すと並び替え画面が開きます。

③

②

④

②入れ替えたい項目を移動する移動させたいスタッフを押したまま、移動させたい位置までスライドさせます。

③順番が入れ替わります
移動したい位置まで動かしたら離します。
移動先候補は黄色で表示されます。

④「並び替えの反映」を押す
順番が入れ替わっているのを確認したら「並び替えの反映」を押して完了です。
スタッフページに戻って順番が変わっていることを確認してください。
13

7.ヘアカタログ【1】ヘアカタログ
店舗管理画面TOP「④ヘアカタログ」では、お店で施術した仕上がり写真を登録・編集できます。

ヘアカタログページでできること「ヘアカタログ」では以下の操作が可能です。
詳しくはそれぞれの項目をご覧ください。
【2】新規作成 …新たにヘア写真を登録する場合に選びます。
【3】編集…登録したヘア写真を編集する場合に選びます。

【4】削除…登録したヘア写真を削除します。

【5】並び替え …登録したヘア写真を並び替えます。
「表示中」
「非表示」
…登録した写真が表示されているか示しています。
登録件数…登録してある件数が表示されます。
一定数を超えると2ページ目以降が生成されます。
Aプランは100枚、Bプランは2枚まで登録できます。

⑬「ヘアカタログ」画面

TIPS 使用する写真の著作権・肖像権にご注意を
お店のヘアカタログページに掲載する写真について以下の点にご注意ください。
・お店で施術された方をモデルに撮影した写真を使用してください。
・撮影したモデルの方に掲載の許諾を得てから公開してください。肖像権の侵害にあたる場合があります。
・ご自身で撮影されたもの以外の写真（雑誌やインターネットの写真など）を掲載しないでください。
著作権の侵害となります。
上記の点を守らず掲載してトラブルが発生した場合、掲載した店舗様の責任となり、当サイト管理者側は一切の責任を負いかねますのでご了承ください。

TIPS 長文を登録する際は…
各項目でキャッチや説明文などを新しく登録するときは以下の手順だとスムーズに登録できます。
（1）メモ帳や Word などのテキスト編集ソフトで作成する（2）作成した文章を編集ソフトで保存（こまめに保存することをおすすめします）（3）完成した文章を指定の枠に貼り付けて登録
・編集途中で長時間放置した・ブラウザの「戻る」ボタンを押してしまった・ブラウザを閉じてしまったなどの時にも編集ソフトで作成した文章は残っているので安心です。

14

7.ヘアカタログ【2】新規作成「ヘアカタログ」に新しいヘア写真を登録できます。

①「新規作成する」を押す
ヘアカタログページの右上にあるボタンを押します。
押すと下記の新規作成画面（図⑭）が開きます。

②スタイル名
スタイル名を入力します。簡単でかまいません。

③カテゴリー
メンズ・レディース・キッズのいずれかから選びます。

④スタイリスト名
施術したスタッフを表示します。スタッフで登録した中から選びます。

⑤対象年齢
ヘアスタイルのおすすめの年代を10代未満〜70代以上の中から該当するものに全てチェックを入れてください。

⑥髪の長さ⑭「ヘアカタログ」新規作成画面「ベリーショート」「ショート」「ミディアム」「ロング」から選びます。

⑦説明文
特徴やポイントなどスタイルについての説明を入力します。

⑧画像を選ぶ
「ファイルを選択」をクリックして使用したい画像を選びます。
選択できると「選択されていません」から「ファイル名（任意）」に変わります。
サブ画像は角度違いなどの補足用に用意したものなので、なくてもかまいません。
※サブ写真は写真枚数の制限に換算されません⑨表示設定
初期設定は「表示」が選択されています。
「非表示」にすると掲載ページには表示されません。

⑩登録ボタンを押す
一通り操作が終わったら登録ボタンを押します。
ページが読み込まれてヘアカタログ一覧に戻ったら完了です。

15

7.ヘアカタログ【3】編集する「ヘアカタログ」に登録済のヘア写真を編集することができます。

①「編集」を押す
ヘアカタログページの編集したいヘア写真の右側にある「編集」を押します。
押すと下記の編集画面（図⑮）が開きます。

②各項目を編集する各項目を編集できます。それぞれの編集方法は新規作成と同じです。
編集しない項目は特に操作する必要はありません。

③画像
画像は以下のいずれかの操作をします。
変更なし「現在の画像を使用」のチェックを入れた状態にする。
変更あり「現在の画像を使用」のチェックを外して、「ファイルを選択」をクリックして使用したい画像を選びます。
この場合、画像を選ばずに登録すると画像が削除されます。

④表示設定
初期設定は「表示」になっています。
編集途中で登録する場合は「非表示」にすると掲載ページに表示されません。

⑤登録ボタンを押す
一通り操作が終わったら登録ボタンを押します。
ページが読み込まれて「更新しました」と表示されたら完了です。
⑮「ヘアカタログ」編集画面

16

7.ヘアカタログ【4】削除する「ヘアカタログ」に登録済のヘア写真を削除することができます。

①「削除」を押す
ヘアカタログページの削除したいヘア写真の右側にある「削除」を押します。

②確認メッセージで「OK」を選ぶ
下記のような確認メッセージが表示されます。
そこで「OK」を選択するとヘア写真は完全に削除されます。
削除したデータは元には戻りませんので削除は慎重に行ってください。

【5】並び替え
ヘアカタログに登録してあるヘア写真の順番を入れ替えることができます。
操作方法は4.ギャラリー【5】並び替えと同様です。

①「並び替え」を押す
ヘアカタログページの右上にあるボタンを押します。
押すと並び替え画面が開きます。

②③④②入れ替えたい項目を移動する移動させたいスタイル名を押したまま、移動したい位置までスライドさせます。

③順番が入れ替わります
移動させた位置まで動かしたら離します。
移動先候補は黄色で表示されます。

④「並び替えの反映」を押す
順番が入れ替わっているのを確認したら「並び替えの反映」を押して完了です。
ヘアカタログページに戻って順番が変わっていることを確認してください。
17

8.料金メニュー【1】料金メニュー
店舗管理画面TOP「⑤料金メニュー」では、メニューを登録・編集できます。

料金メニューページでできること「料金メニュー」では以下の操作が可能です。
詳しくはそれぞれの項目をご覧ください。
【2】新規作成 …新たにメニューを登録する場合に選びます。
【3】編集…登録したメニューを編集する場合に選びます。

【4】削除…登録したメニューを削除します。

【5】並び替え …登録したメニューを並び替えます。
「表示中」
「非表示」
…登録したメニューが表示されているか示しています。
「予約可能」予約不可能」…ネット予約できるかどうか示しています。
※ネット予約は別冊にてご案内しています
登録件数…登録したメニューの件数が表示されます。
一定数を超えると2ページ目以降が生成されます。

⑯「料金メニュー」画面

TIPS 髪の長さ等によって金額が変わる場合は…
同じメニューでも髪の長さ等によって金額が変わる場合、別メニューとして登録することをおすすめします。
特にネット予約機能をご利用になる場合、ネット予約を申し込む際に選択したメニューの合計金額・合計施術時間がお客様に提示されますので、より正確なメニュー選択をしていただけます。

18

8.料金メニュー【2】新規作成「料金メニュー」に新しいメニューを登録できます。

①「新規作成する」を押す
料金メニューページの右上にあるボタンを押します。
押すと下記の新規作成画面（図⑰）が開きます。

②カテゴリー
メニューの分類を以下から選びます。
「カット」
「カラー」
「パーマ」
「縮毛矯正」「シャンプー」「シェービング」「出張（訪問）理容」「その他メニュー」③商品名
施術・サービス名を入力します。

④説明
登録するメニューのサービス内容などを記載します。
なければ空欄でも問題ありません。

⑤金額 ※ネット予約可能の場合、必須項目
ネット予約利用時に合計金額を計算する際に使用します。
半角数字のみで入力してください。
※詳しくは別冊のネット予約マニュアルにて説明していますのでご確認ください⑥金額（HP表示用）
掲載ページに表示するための料金です。単位を含めて入力してください。
「〇〇円〜」や「＋〇〇円」といった表記も可能です。
⑰「料金メニュー」新規作成画面⑦施術時間（目安） ※ネット予約可能の場合、必須項目
ネット予約利用時に合計時間を計算する際に使用します。
おおよその時間で問題ありません。
※詳しくは別冊のネット予約マニュアルにて説明していますのでご確認ください⑧ネット予約
ネット予約にメニューが対応するかを設定します。
初期設定は「不可能」になっています。
予約設定でネット予約自体を有効にしていないと「予約可能」にしても機能し
ません。

⑨表示設定
初期設定は「表示」になっています。
「非表示」にすると掲載ページには表示されません。

⑩登録ボタンを押す
一通り操作が終わったら登録ボタンを押します。
ページが読み込まれて料金メニューに戻ったら完了です。

19

8.料金メニュー【3】編集する「料金メニュー」に登録済のメニューを編集することができます。

①「編集」を押す
料金メニューページの編集したいメニューの右側にある「編集」を押します。
押すと下記の編集画面（図⑱）が開きます。

②各項目を編集する各項目を編集できます。それぞれの編集方法は新規作成と同じです。
編集しない項目は特に操作する必要はありません。

④表示設定
初期設定は「表示」になっています。
編集途中で登録する場合は「非表示」にすると掲載ページに表示されません。

⑤登録ボタンを押す
一通り操作が終わったら登録ボタンを押します。
ページが読み込まれて「更新しました」と表示されたら完了です。

⑱「料金メニュー」編集画面

20

8.料金メニュー【4】削除する「料金メニュー」に登録済のメニューを削除することができます。

①「削除」を押す
料金メニューページの編集したいメニューの右側にある「削除」を押します。

②確認メッセージで「OK」を選ぶ
下記のような確認メッセージが表示されます。
そこで「OK」を選択すると登録データは完全に削除されます。
削除したデータは元には戻りませんので削除は慎重に行ってください。

【5】並び替え
登録してあるメニューの順番を入れ替えることができます。
操作方法は4.ギャラリー【5】並び替えと同様です。

①「並び替え」を押す
料金メニューページの右上にあるボタンを押します。
押すと並び替え画面が開きます。

③

②

④

②入れ替えたい項目を移動する移動させたいメニューを押したまま、移動したい位置までスライドさせます。

③順番が入れ替わります
移動させた位置まで動かしたら離します。
移動先候補は黄色で表示されます。

④「並び替えの反映」を押す
順番が入れ替わっているのを確認したら「並び替えの反映」を押して完了です。
料金メニューページに戻って順番が変わっていることを確認してください。
21

9.SNS設定【1】新着機能
店舗管理画面TOP「⑥SNS設定」では、お使いのSNSをヘアなびの店舗ページに表示するよう設定できます。

①SNSを選ぶ
BLOG、X（旧Twitter）、facebookのどれを参照するか選びます。
選べるのは1種類のみになります。またOFFにすることもできます。
選んだSNSに合わせて参照するための登録作業を行います。
BLOGの設定
Xの設定
facebookの設定→【2】新着機能をBLOGに設定する→【3】新着機能をXに設定する→【4】新着機能をfacebookに設定するで具体的な設定方法を案内しています。
⑲「SNS設定」画面【2】新着機能を BLOG に設定する①でBLOGを選択した場合、下記の手順でBLOGをヘアなびに読み込ませます。

②RSSを取得する
BLOGのRSSを取得して指定の枠に貼り付けます。
以下は大手ブログサイトの見本になります。
取得方法はブログサイトによって異なりますので各ブログの案内で確認してください。
【livedoor ブログの場合】※URL を利用するタイプ（1）下記の URL の形式に参照したいブログの URL を差し込みます。
http:// ブログ URL/index.rdf（2）参照したいブログを開いてブラウザの URL 欄の以下の部分をコピーします。
http://blog.livedoor.jp/hairsalon/archives/58307527.html（3）コピーしたものを下記のように貼り付けます。
http://blog.livedoor.jp/hairsalon/index.rdf（4）上記の URL を指定の枠に貼り付け登録します。

【アメブロの場合】※ID を利用するタイプ（1）下記の URL の形式に参照したいブログの ID を差し込みます。
http://rssblog.ameba.jp/ ブログ ID/rss20.xml（2）参照したいブログを開いてブラウザの URL 欄の以下の部分をコピーします。
https://ameblo.jp/hairsalonnavi/（3）コピーしたものを下記のように貼り付けます。
http://rssblog.ameba.jp/hairsalonnavi/rss20.xml（4）上記の URL を指定の枠に貼り付け登録します。

22

9.SNS設定【3】新着機能を X（旧 Twitter）に設定する①でX（旧Twitter）を選択した場合、下記の手順でX（旧Twitter）をヘアなびに埋め込みます。

②使用するアカウントのURLを取得する
設定したいアカウントのURLを取得します。
Xをブラウザで開き、アカウントのアイコンをクリックするとアカウントページが開きますので、URLをコピーします。
下記のようなアドレスになります。
https://twitter.com/アカウント名③下記URLにアクセス
下記のURLにアクセスします。
図⑳のような画面がでます。
https://publish.twitter.com/④アカウントURLを入力④

画面中央の入力欄に先にコピーしたアカウントURLを入力します。

⑤表示形式を選ぶ
表示形式を選びます。基本的に左を選びます。

⑳貼り込み設定画面

左の形式は直近のツイートが複数表示されます。
表示見本は最下部に生成されますので参考までにご覧ください。

⑥ソースコードをコピー⑤

表示形式を選ぶと外部サイトに表示するためのソースコードが生成されます。
右の「Copy Code」を押すと生成されたテキストをコピーできます。

⑥㉑Twitter貼り込み設定画面2⑦ソースコードを貼り付けコピーしたソースコードを管理画面の指定の枠に貼り付けて登録したら完了です。
実際に表示されているか確認してください。
⑦

23

9.SNS設定【4】新着機能を facebook に設定する①でfacebookを選択した場合、下記の手順でfacebookをヘアなびに埋め込みます。

②使用するアカウントのURLを取得する
設定したいアカウントのURLを取得します。
facebookをブラウザで開き、アカウントのアイコンをクリックするとアカウントページが開きますので、URLをコピーします。
下記のようなアドレスになります。
https://facebook.com/アカウント名もしくはページ名③下記URLにアクセス
下記のURLにアクセスします。図㉒のような画面がでます。
「Facebook ページプラグイン」で検索してもでてきます。
https://developers.facebook.com/docs/plugins/page-plugin④アカウントURLを入力「FacebookページのURL」に先にコピーしたアカウントURLを入力します。

⑤表示設定を編集
表示形式を決めるための項目を入力します。
タブtimeline と入力 ※必須

幅

未入力でOK

高さ

未入力でOK

スモールヘッダー

未チェックでもOK

カバー写真チェックを推奨

友達の顔

未チェックでもOK

plugin container 未チェックでもOK④⑤

それぞれ操作すると下に出ている見本に反映されるので参考にご覧ください。

⑥ソースコードをコピー
見本の左下の「コードを取得」をクリックすると埋め込み用のコードを取得できます。

⑦ソースコードを貼り付け取得したコードを管理画面の指定の枠に貼り付けて登録したら完了です。

⑥

実際に表示されているか確認してください。
㉒facebookプラグイン生成画面

24

10.サイト確認【1】掲載ページを見る
ある程度編集したら「⑪サイト確認」から、実際に表示されるページをご確認できます。
プランによって表示形式が異なります（見本はBプラン）。
店舗の紹介ページは（1）店舗トップ、（2）ヘアカタログ、（3）スタッフ、（4）料金メニュー、（5）アクセスの計5ページから構成されます。電話番号下部のメニューから各ページを見ることができます。

（1）店舗TOP

各ページへ移動できます①店舗編集②ギャラリー④ヘアカタログ

①店舗編集

③スタッフ

⑥SNS 設定①店舗編集

25

10.サイト確認【1】掲載ページを見る（続き）
ヘアカタログ・スタッフ情報はAプラン・Bプランでのみ表示されるページです。
（2）ヘアカタログ（3）スタッフ「7. ヘアカタログ」で「6. スタッフ」で登録した内容が反映されます

登録した内容が反映されます【5】並び替えで【5】並び替えで一覧の順番が変わります

一覧の順番が変わります

ヘアカタログ一覧

スタッフ一覧

ヘアカタログ詳細

スタッフ詳細26

10.サイト確認【1】掲載ページを見る（続き）
料金メニューおよびアクセスは全プラン共通で表示されるページです。
（4）料金メニュー（5）アクセス「8. 料金メニュー」で登録した内容が反映されます「2. 店舗編集」で登録した内容が反映されます

カテゴリごとに表示が切り替わります。
「2. 店舗編集」【5】並び替えで⑧地図の登録一覧の順番が変わります

⑤決済方法

27

お問合せ
株式会社ビューズ
TEL.025-250-1015（9:00〜15:00）
時間外の場合は下記のメールまでお問合せください
info@hairnavi.net

2023.10 初版