宿のホームページを立ち上げ、「1泊2食◯◯円」のようなプランを売るための説明書です。
1章・2章でホームページを立ち上げ、3章からプラン予約の仕組みに入ります。
この文章は実装(コード)から起こしています。画面に本当にあるボタンの名前で書いています。
はじめに、お客さまがスマホで宿のページを開いたときの見え方です。ページは縦に1枚で、上から欄が並びます(下の絵は長いので3列に折り返しています)。番号は下の表と同じです。
| 欄 | お客さまに見えるもの/どこで入れるか |
|---|---|
| ① 看板(トップ) | 大きな写真(スマホでは画面の半分ほどの高さ)、宿の名前、「PLAN」と一言、「プランを見る」ボタン(⑤へ下がります)、「予約確認はこちら」(②と同じマイページ。プランの予約も出ます) / 写真は「ホームページ管理」→「画像」のトップの写真(5枚まで。2枚以上は1枚5秒で入れ替わります)。写真の上に大きく出す言葉は「紹介」の写真の上に出す言葉(入れたときだけ。入れると店名はその下に小さく出ます)。上のナビの左には「画像」のロゴが出ます(無ければ店名の字)。ボタンは自動で出ます。公開しているプランが無いと「プランを見る」は出ません |
| ② 予約確認への導線 | 「予約確認」のボタンが1つ。押すと旅館のマイページ(/guest)が開きます/ 自動で出ます。プランステイで受けた予約も、このマイページに出ます。お客さまは見るだけで、変更やキャンセルは宿へお電話をいただく形です。看板の「予約確認はこちら」と≡メニューの「予約確認」も同じマイページに向いていて、この2つは「構成・見た目」では消せません |
| ③ お知らせ | いちばん新しい1件と「もっと見る」。「詳しく ›」を押すと中身が開きます /「ホームページ管理」→「お知らせ」(共通説明書 3章) |
| ④ 当宿について | 宿の紹介文 /「ホームページ管理」→「紹介」の「お店の紹介文」 |
| ⑤ 宿泊プラン | 公開しているプランが1枚ずつ並びます。写真(1枚目)、見出し、「大人 ¥◯◯ 〜」、「このプランを予約する」(押すと予約フォーム・5章) /「プラン管理」タブ。見出しは「表示タイトル」(空ならプラン名)、値段は「大人1名の基準料金」に「入れる」にしたオプションの大人料金を足した額です。並びはプラン管理の並び順。公開しているプランが0件だと、この欄はまるごと出ません |
| ⑥ ブログ | 新しい順に10件と「ブログ一覧を見る」。記事ごとのページがあります /「ホームページ管理」→「ブログ」(共通説明書 2章) |
| ⑦ 写真の札 | ギャラリーの札(写真・「GALLERY」・枚数)。札を押すと、そのページに切り替わります(上に「‹ 戻る」。ブラウザの戻るでも札に戻ります)。ギャラリーのページは写真の一覧で、写真を押すと大きく開きます。 /「ホームページ管理」→「ギャラリー」(共通説明書 4章) |
| ⑧ アクセス | 宿の名前・住所・電話、「公式ホームページ」「経路を調べる(Googleマップ)」のボタン、地図 / 住所と電話は「設定」タブ、公式ホームページは「ホームページ管理」→「紹介」。地図は運営が宿の位置を入れると出ます(入っていないと「座標未設定」と出ます) |
欄を押した先は、こう見えます。いちばん下には、≡のメニューと同じ文字のリンク(「プランを見る」は除く)と宿の名前が出ます。
順番にやれば、人に見せられるページになります。どれもオーナー画面(/owner/login)から入ります。
https://[お店の名前].pensions-yoyaku.com/ をスマホで開き、上から順に見る。「プランを見る」を押して⑤に下がるか、「このプランを予約する」で予約フォームが開くかも見てください受けるときは「部屋の数」で見ます。
1件の予約で1部屋を使います(人数は関係ありません)。その日の予約(キャンセル以外。支払い待ちも数えます)が販売中の部屋の数に達すると、お客さまには「ご指定の日程は満室です」と出ます。
どの部屋かは、この時点では決まりません。
あとからお店が部屋を割り振ります。
「部屋割り」タブのカレンダーで、予約の丸をつまんで部屋へ移します。
割り振っていない予約は「未割り当て」に並びます。
| 部屋の収容枠 | 大人が何名泊まれるかで入れます(例:大人4名なら 4)。小数も入れられます。予約を止めるものではありません。部屋割りで、予約の人数(大人換算)が枠を超えると「⚠ 枠超え」と出ます |
|---|---|
| 子供は | 予約のときに小数で詰まります。区分ごとの換算はお店が決めます |
| 売り止め | 部屋ごとに「売り止め」にすると、販売中の部屋の数から外れ、受けられる予約が1件減ります。改装中の部屋などに使います。販売中の部屋が1つも無いと、予約はすべて満室になります |
画面の「現在の総枠(販売中の部屋の合計)」は収容枠の合計(大人換算)です。受けられる予約の数は、販売中の部屋の数です。
▲ 目次にもどる/plan-reserve?plan=(プランの番号) の形。プランを指定せずに開くと
「プランが指定されていません」と出ます。トップページのプラン一覧から入ってもらうのが本筋です。
| ① ご予約の前に | 会員の方は電話番号とパスワードでログイン(任意)。ログインすると登録情報が入り、あとから直せます |
|---|---|
| ② 日程 | 横帯のカレンダーをタップでチェックイン→チェックアウト。横にスクロールして先の日まで見られます |
| ③ 宿泊人数 | 区分ごとに人数を入れます。1名も入れないと「次へ」で「宿泊人数を入力してください」と出て、④に進めません。④のオプションは、ここで入れた区分だけ、その人数まで選べます |
| ④ オプション | 2種類あります(下) |
| ⑤ お客様情報 | お名前(必須)・電話番号(必須)・メールアドレス。お支払い方法もここで選びます(7章)。ご要望の欄はありません |
| ⑥ 確認 | 料金の明細が並びます。宿泊費は「単価 × 人数 × 泊数」、オプションは「単価 × 人数」で、右に小計、下に合計です。「この内容で予約する」(Squareで払うときは「予約してお支払いへ進む」)で送信します |
| プランに含まれる オプション | プランの下にいつも開いた状態で出ます。畳めません |
|---|---|
| 他にもいかがですか | 畳んである形で出ます。押すと開きます |
プランごとに「問い合わせ受付にする」を選べます。ONにすると、そのプランは予約を受けずに問い合わせだけを受けるようになります。
| どう変わるか | トップページのボタンは「このプランを予約する」のままです。押すと6段の予約フォームの代わりに1枚の問い合わせフォームが開き、「✉ この内容でメールで問い合わせる」(宿のメールがあるとき)と「☎ 電話で問い合わせる」(宿の電話があるとき)が出ます |
|---|---|
| 連絡先 | 宿の設定の連絡先を使います。設定していないと「お問い合わせ先が未設定です」と出て、お客さまが困ります |
| 使いどころ | 人数や日数で値段が変わる団体・合宿など、その場で金額が決められないもの |
お客さまに出る選択肢は、お店の設定で決まります。
| Squareを連携している | 「オンライン決済(クレジット等)」が選べます |
|---|---|
| 現地払いが許可されている | 「現地でお支払い」が選べます。プランステイの「設定」タブには、この切り替えがありません(運営への依頼が必要です) |
| どちらも無い | 選択肢は出ません。代わりに「お支払いは現地にて承ります。ご予約後、宿からご連絡いたします」と出ますが、送信すると「現地現金払いはご利用いただけません」と出て、予約できません。「設定」タブで Square を連携してください |
プランステイのタブは7つです。
| プラン予約 | 予約の一覧。📞 電話 / 💬 SMS / ✉️ メールがその場から使えます。詳細・キャンセルもここ |
|---|---|
| 部屋割り | カレンダーで予約を部屋に当てる(9章) |
| プラン管理 | プランの追加・編集。プラン名・色・写真(最大3枚)・公開/非公開・並び順。オプションの割り当てと、問い合わせ受付の切り替えもここ |
| オプション管理 | 料理・体験などを登録する場所。写真は1枚。プランへの割り当ては「プラン管理」で行います |
| 客室設定 | 部屋の登録。収容枠(大人換算)・売り止め・現在の総枠 |
| ホームページ管理 | ページ構成・トップの写真(5枚まで)・カラーテーマ・紹介文と、お知らせ・ブログ・ギャラリー(2章) |
| 設定 | 返信先メール・予約通知の受信メール・住所・電話番号・遠隔サポート・Square連携 |
| 割り当てる | 予約の丸をつまんで、部屋の行へ移す |
|---|---|
| 中身を見る | 丸をタップすると詳細が出ます |
| 先の日を見る | 日付は横に流せます。「今日へ」で今日に戻ります |
| 未割り当て | まだ部屋を決めていない予約が並びます。全部割り振ると「この日の未割り当てはありません」 |
順番が大事です。逆にやると入力欄が開きません。
ページは立ち上げて終わりではありません。新しいことが載っている宿は、お客さまに「今も開いている」と伝わります。書き方はどの業態でも同じなので、共通の説明書にまとめてあります。
| お知らせ | 休みの日・値段の変更・空きのご案内など、短い知らせ。1章の③に出ます 共通説明書 3章 お知らせ |
|---|---|
| ブログ | 季節のこと、料理、まわりの景色など。1章の⑥に出ます 共通説明書 2章 ブログ |
| ギャラリー | 写真を足す・入れ替える。1章の⑦の札(ギャラリー)に出ます 共通説明書 4章 ギャラリー |
| SNS に流す | 書いたお知らせ・ブログを、LINE・インスタ・X にも流す。インスタと X は、はじめに1回だけつなぐ作業があります(共通説明書 5章) 共通説明書 6章 SNS に流す |