【設定マニュアル】01. 予約フォーム生成(カスタマイズ可能)

MANUAL

マニュアル

MANUAL

目次

マニュアル

予約フォーム作成時の注意
予約フォームの新規作成時は、[予約フォーム項目のプラン別設定(情報入力項目グループ)]からの手順に沿って進めてください。
特にカテゴリーとの紐付けが正しくないとフォームが表示されません。
設定後は必ずプレビュー画面で、必須項目のバリデーションが正しく動くか確認してください。

予約フォームからの申込・予約受付の流れ


お客様が予約サイトからプランへご予約し、OMUSUBIで予約情報の確認を行うまでの流れと手順をご説明いたします。
予約サイト上にOMUSUBIで作成した予約フォームを設置し、その予約フォームを使用してお客様にご予約のお手続きを行っていただきます。
予約サイトに入力された情報はOMUSUBIへ反映され、予約一覧画面などで確認・編集・管理を行うことが可能です。


予約サイトを通さない電話でのご予約や、過去の日付で予約情報を登録したい時などは、予約フォームを通さずOMUSUBIの新規予約機能を使用して手入力で予約情報を登録することも可能です。(参照ページ:電話予約受付(またはHP予約フォーム以外からの受付)

予約申し込み・受付の流れ

① 自社サイトへ[予約ボタン]を設置する

お客様が予約ボタンをクリックすると、OMUSUBIで作成した予約ページへ遷移します。

② 予約状況カレンダーや入力フォームの表示

OMUSUBIの予約フォーム作成機能により、詳しいプランの紹介や空き状況カレンダーが表示されます。

➂ お客様が予約情報を入力、予約完了

お客様が予約フォームの各項目へ情報を入力して内容を送信、予約が完了となります。

OMUSUBIシステムが予約情報を確認、予約申し込み通知メールの送信

予約が完了すると、OMUSUBIのシステムが新規予約を確認し、TOPページの「新着予約」に情報を追加します。
また同時に、登録されている自社メールアドレスへ予約申し込みの通知メールを送信し新着予約のおしらせをします。
通知メールを受信したら、OMUSUBI管理画面を開いて予約の詳細をご確認ください。

予約通知メール内に記載されているURLでも予約の詳細をご確認いただけます。

TOPページの新着予約一覧

予約申し込み通知メール

OMUSUBI管理機能
予約情報の確認手順

予約情報の確認手順

  1. TOPページ左上の「メニュー」をクリックします。
  2. ポップアップ画面が表示されます。[予約一覧]をクリックします。

予約情報の確認手順

  1. 予約一覧画面が表示されます。
    ページ内の予約一覧の中から、確認したい予約情報の「お客様番号(英数字の羅列)」をクリックします。

予約情報の確認手順

  1. 予約詳細画面が表示されます。
    ご予約いただいたお客様情報の詳細をご確認頂けます。
    登録されているお電話番号またはメールへ、ご予約後の対応を行ってください。

フォーム表示プラン/プラン名の編集


自社予約サイトに掲載している既存プランの各項目や画像は編集することが可能です。
ここでは、「プランの名称」「プランの掲載表示順」「公開フラグ設定」「紹介画像の設定」をご説明いたします。

予約サイトでのプランの表示例。
プランの名称や画像はOMUSUBI管理画面から編集が可能です。

OMUSUBI管理機能
プランの編集方法

プラン編集画面の表示①

  1. TOPページ左上の「メニュー」をクリックします。
  2. ポップアップ画面が表示されます。[プラン設定]をクリックします。

プラン編集画面の表示②

  1. 予約一覧画面が表示されます。
    ページ内の予約一覧の中から、確認したい予約情報の「お客様番号(英数字の羅列)」をクリックします。

プラン編集画面の表示➂

  1. プラン編集画面が表示されました。

プラン名

プラン名の編集

自社予約サイトのプラン一覧に表示する際のプランの名称です。

  1. 自社用プラン名のテキストボックス内にプラン名を入力します。
  2. [更新]をクリックし、完了です。

プランの表示順

プランの表示順の設定

自社予約サイトでのプランの表示順を設定することができます。
表示順の数字が小さいほど優先的に表示されます。

  1. 「表示順」の項目の入力フォームに任意の数字を入力します。
  2. [更新]をクリックし、完了です。

公開フラグ設定

プランの表示順の設定

自社予約サイトにプランを掲載するためには、プランの公開の設定を行う必要があります
公開設定を行うと、プランが一覧に表示された際に「自社フォーム公開」という青色のタグが付与されます。

  1. 自社予約サイトに公開するプランには、[自社フォーム公開フラグ]にチェックを入れます。
  2. [更新]をクリックし、完了です。

プラン紹介画像

プラン紹介画像一覧の管理画面を表示する

プランの紹介画像は「プラン紹介画像一覧」画面で管理されています。

  1. [プラン紹介画像一覧 管理]をクリックします。

プラン紹介画像の新規追加①

  1. プラン紹介画像一覧の[新規追加]をクリックします。

プラン紹介画像の新規追加②

  1. 「ここをクリックするか、画像をドロップしてください。」という青色の箇所をクリックして画像を登録、またはフォルダより該当の画像をドロップして画像の登録を行います。
    画像のアップロードが完了すると、登録した画像が表示されます。
    画像右側のテキスト(alt)には、画像について説明がある場合に入力してください。
  2. [更新]をクリックし、完了です。

プラン紹介画像の編集①

  1. 該当のプラン紹介画像の[編集]をクリックします。

プラン紹介画像の編集②

  1. 画像を変更する場合は、画像下部にある「ファイルの選択」をクリックし、別の画像をアップロードしてください。
    画像のテキスト(alt)を編集する場合は、入力エリアに任意の内容を入力します。
  2. [更新]をクリックし、完了です。

プラン紹介画像の削除

  1. 表示されている画像内の[削除]をクリックします。
  2. 「削除してもよろしいですか」というポップアップウィンドウが表示されます。[はい]をクリックし、完了です。

予約フォーム項目のプラン別設定(情報入力項目グループ)


お客様がプランのご予約をされる際に使用する予約フォームの各入力項目の設定を行います。
入力項目はプランごとに自由に設定することができ、項目の表示・非表示、並べ替え設定も簡単に行うことができます。
また、プランごとに入力項目を設定することで下記のような活用が可能となります。

  • 特定のプランで特別なアンケートを表示する(例:期間限定ツアー専用の質問)
  • 子供向けと大人向けで必須項目を変える(例:年齢制限のアクティビティ)
  • オプション内容に応じて入力項目を出し分ける(例:レンタル器材のサイズ確認)
  • セットプラン専用の予約フォームを設定する(例:バギー+パラセーリング専用の入力項目)

OMUSUBI管理機能
予約フォームの入力項目のプラン別設定手順

入力項目の設定①

予約フォームで「お名前」「電話番号」などのお客様情報を入力していただく項目を作成します。

  1. TOP画面左上の[メニュー]をクリックします。
  2. ポップアップ画面が表示されます。[予約者情報入力項目]をクリックします。

入力項目の設定②

  1. 「予約者情報取得項目設定」画面が表示されます。[新規追加]をクリックします。

初めて設定する場合は、以下の画面が表示されます。[初期設定項目を作成する]をクリックします。

入力項目の設定➂

  1. 「基本情報」のフォーム内にて、「予約フォーム項目名称」や「必須/任意」などの各項目を入力します。
  2. [追加する]をクリックします。
  3. 予約者情報取得設定画面に戻ると、項目設定一覧の中に新規追加した項目が表示されています。

項目グループの作成①

作成した項目をまとめるためのグループを作成します。
作成したグループは各プランへ割り当てを行います。

  1. TOP画面左上の[メニュー]をクリックします。
  2. ポップアップ画面が表示されます。[予約者情報入力項目グループ]をクリックします。

項目グループの作成②

  1. 「予約者情報取得項目グループ」画面が表示されます。[新規作成]をクリックします。

項目グループの作成➂

  1. 「予約者情報取得項目グループ新規作成」画面にて、グループ名を入力します。
  2. [保存する]をクリックします。

「マリンスポーツ用」、「シュノーケリング用」などわかりやすい名前がおすすめです。

項目グループの並び替え

予約者情報取得項目グループ画面にて、グループの並び変えを行うことが可能です。

  1. 一覧表示されたグループ名の左側にある三本線をクリックしたまま上下にドラッグ&ドロップし、並び替えを行います。
  2. [並び順を保存する]をクリックします。

代表者と同行者の入力項目を設定する

予約者情報取得項目グループ設定画面にて、タブを切り替えることが可能です。
それぞれのタブをクリックして切り替え、「代表者項目設定」「同行者項目設定」の入力項目を設定します。

詳しい設定手順は「代表者・同行者項目の設定」をご参照ください。

  1. 「取得する項目」「取得しない項目」内の各項目をクリックし、ドラッグ&ドロップをして取得項目の選別を行います。
    「取得する項目」に配置した項目はお客様入力フォームに表示され、「取得しない項目」に配置した項目は表示されません。
  2. [更新]をクリックします。

グループとプランを紐付ける|グループ設定画面の「プラン紐付け」タブから行う

  • 「予約者情報取得グループ設定」画面にて、[プラン紐付け]タブをクリックします。
  • 紐付けを行いたいプランの「割り当て」項目のチェックボックスにチェックを入れます
  • [保存]をクリックし、完了です。

各グループの[詳細]をクリックし基本情報画面の最下部を表示すると、現在このグループが設定されているプランの一覧が表示されます。

グループとプランを紐付ける|プラン編集画面から行う①

  1. TOP画面左上、[メニュー]をクリックします。
  2. [プラン設定]をクリックします。

グループとプランを紐付ける|プラン編集画面から行う②

  1. 該当のプランの右側にある[選択]をクリックし、ドロップダウンメニューの中から[編集]をクリックします。

グループとプランを紐付ける|プラン編集画面から行う➂

  1. プラン編集画面にて、「予約者情報取得項目グループ」のプルダウンから、作成したグループを選択します。
  2. [更新]をクリックし、完了です。

設定後のチェックリスト

自動移行された設定に誤りがないか確認
代表者・同行者の項目が正しく引き継がれているか

プランごとの紐づけ確認
各プランに正しいグループが割り当てられているか

実際の予約フォームの表示確認
プレビュー画面を確認し、意図通りに質問が表示されているか

問題なく表示されていれば、設定完了です。

代表者・同行者項目の設定


自社サイト用の予約フォームにて、代表者や同行者の予約情報を入力する項目の設定を行います。

ポイント
事前に予約フォームの入力項目の設定を行う必要があります。
予約フォームでの入力項目の設定手順については予約フォーム項目のプラン別設定(情報入力項目グループ)をご参照ください。

OMUSUBI管理機能
代表者と同行者の入力項目設定手順

代表者と同行者の入力項目を設定する①

  1. TOP画面左上の[メニュー]をクリックします。
  2. ポップアップ画面が表示されます。[予約者情報入力項目グループ]をクリックします。

代表者と同行者の入力項目を設定する②

  1. 「予約者情報取得項目グループ」画面が表示されます。設定を行いたいグループの[編集]をクリックします。

代表者と同行者の入力項目を設定する➂

予約者情報取得項目グループ設定画面にて、入力項目の設定を行います。

  1. 各項目の詳細設定を行いたい場合は、[詳細]をクリックします。

代表者と同行者の入力項目を設定する④

予約者情報取得項目設定編集画面にて、各項目の設定を行います。

■各項目の説明

自社フォーム非表示フラグチェックボックスにチェックを入れると、お客様が閲覧する予約フォーム上でこの項目を「非表示」にします。
デフォルトではチェックなし状態で、「表示」設定となっています。
予約フォームでの項目名称お客様が閲覧する予約フォーム上で表示する項目名です。
管理画面での項目略称OMUSUBI管理画面の「予約者情報取得項目グループ設定」画面に表示する名称です。
未設定の場合は、「予約フォームでの項目名称」が表示されます。
必須/任意選択お客様による入力を「必須」または「任意」にします。どちらか一つを選択してください。
「必須」の場合は「予約者情報取得項目グループ設定」画面の項目名の横に「必須入力」と表示されます。
項目形式「予約者情報取得グループ設定」画面にて、各項目内で緑色の文字で表示されます。
台帳表示項目入力欄をクリックし、該当する台帳表示項目を一覧より選択してください。
例文入力欄テキスト入力項目の場合に表示されます。
入力欄の内側に入力の補助としての薄い色の文字を表示することが可能です。(プレースホルダー)
例)ここに入力してください、山田太郎
上部補記予約フォーム上で表示される項目の上部に表示されます。
必要であれば、項目を補記する文章などを入力してください。
下部補記予約フォーム上で表示される項目の下部に表示されます。
必要であれば、項目を補記する文章などを入力してください。
設定グループ一覧この項目を「予約者情報取得項目グループ設定」画面に表示するグループの一覧が表示されます。
  1. 内容に応じて各項目を選択、入力します。
  2. 最後に[更新]をクリックします。

入力項目の「テキスト入力」と「テキスト入力(複数行)」の違い

■「テキスト入力」の場合
1行のみ、改行不可
活用例)お名前、電話番号など

■「テキスト入力(複数行)」の場合
改行を含む長い文章が入力可能
活用例)詳しいご要望、アレルギー情報など

代表者と同行者の入力項目を設定する⑤

予約者情報取得項目グループ設定画面にて、タブを切り替えることが可能です。
それぞれのタブをクリックして切り替え、「代表者項目設定」「同行者項目設定」の入力項目を設定します。

ポイント
代表者、同行者の必須項目は、左端の「基本情報」タブに初期登録されています。

  1. 「取得する項目」「取得しない項目」内の各項目をクリックし、ドラッグ&ドロップをして取得項目の選別を行います。「取得する項目」に配置した項目はお客様入力フォームに表示され、「取得しない項目」に配置した項目は表示されません。
  2. [更新]をクリックします。

代表者と同行者の入力項目を設定する⑥

各項目をクリックしてドラッグ&ドロップをし、上下に入れ替えることで並び順を変更することも可能です。

設定した入力項目のプレビューを行う

「代表者項目設定」タブ、「同行者項目設定」タブにて、[プレビュー]をクリックすると設定した入力項目を表示した入力フォームの確認を行うことが可能です。

プレビュー画面がポップアップ表示されます。

予約フォームのメインカテゴリ設定


お客様がプランのご予約をされる際に使用する予約フォームのメインカテゴリの設定を行います。
メインカテゴリを設定することで、そのプランに合った予約フォームでの表示やカテゴリ分けを行うことが可能です。

注意
2026年のリリースで、カテゴリ名は予約フォームや予約通知メールには表示されない仕様となりました。
現在のOMUSUBI予約フォームは各社様のホームページへ設置する仕様となっており、従来のカテゴリによる絞り込みが不要になったため、管理画面上でプランを分類し、カテゴリごとにプランを検索するための設定としてご利用いただくものとなります。

お客様ページ側

OMUSUBI管理機能
予約フォームのメインカテゴリ設定手順

プラン設定の表示

  1. TOP画面左上の[メニュー]をクリックします。
  2. ポップアップ画面が表示されます。[予約者情報入力項目グループ]をクリックします。

メインカテゴリを設定するプランの選択

  1. プラン管理画面が表示されます。プランの一覧より、メインカテゴリを設定するプランの[選択]をクリックします。
  2. ドロップダウンメニューの中の[編集]をクリックします。

メインカテゴリの設定

プラン編集画面にて、プランに合ったメインカテゴリを選択します。メインカテゴリの内容によって、下部の選択項目の内容が変化します。

  1. メインカテゴリのドロップダウンメニューをクリックし、該当するカテゴリを選択します。
  2. [更新]をクリックし、完了です。

例)メインカテゴリを「パラセーリング」に変更すると、メインカテゴリに紐づいた各選択項目が表示されます。

予約フォーム設定不備がある場合


予約フォーム設定にて不備があるフォーム(項目不足など)がプランに紐づいている場合、以下プラン一覧にてタグの色が黄色で表示されます。

プラン一覧画面にて、黄色のタグがついているプランが、予約フォーム設定不備があるプランです。

マイページへのYoutube動画掲載


予約したお客様のマイページにYouTube動画を掲載する機能です。
集合場所の説明や当日の流れなど、文章だけでは伝わりにくいことなどを動画で案内することで現場対応がスムーズとなります。
YouTube動画は各プランごとに掲載することができ、お客様は予約完了後のマイページでのみ閲覧が可能です。

本機能で掲載できるのはYouTube動画のみです。
掲載方法はYouTube動画のURL貼り付けではなく、「埋め込みコード(iframe)」となりますのでご注意ください。

OMUSUBI管理機能
マイページへのYoutube動画掲載手順

プラン情報にYoutube動画掲載の設定をする①

  1. TOP画面左上の[メニュー]をクリックします。
  2. ポップアップ画面が表示されます。[予約者情報入力項目グループ]をクリックします。

プラン情報にYoutube動画掲載の設定をする②

  1. プラン管理画面が表示されます。プランの一覧より、メインカテゴリを設定するプランの[選択]をクリックします。
  2. ドロップダウンメニューの中の[編集]をクリックします。

プラン情報にYoutube動画掲載の設定をする➂

  1. プラン編集画面の「マイページ表示用YouTubeタグ」の[YouTubeタグを追加]をクリックします。

[YouTubeタグを追加]をクリックすると、YouTubeの埋め込みコード入力欄が表示されます。

プラン情報にYoutube動画掲載の設定をする

  1. 掲載したいYouTube動画画面を表示します。
  2. 「共有」をクリックし、[埋め込む]をクリックします。

プラン情報にYoutube動画掲載の設定をする

  1. 「動画の埋め込み」画面に<iframe ….>というコードが表示されます。画面の[コピー]をクリックし、このコードを全てコピーします。

プラン情報にYoutube動画掲載の設定をする

  1. YouTube動画画面でコピーしたコードを「マイページ表示用YouTubeタグ」の[YouTubeの埋め込みコードを入力してください]の入力欄に貼り付けてください。
  2. [更新]をクリックし、完了です。

\ まずはお気軽にご連絡ください /

目次