予約フォームを作って運用する！編

202４年6月
北陸コンピュータ・サービス株式会社
サービスサポート本部 サービスコンダクト室

目次◇準備・確認◇◇具体例から操作を確認する◇

・各項目の名称

・今月の予約状況を確認する（予約状況確認ボタン）◇操作方法(流れ)◇◇操作方法(流れ)◇・予約ステータスを確認する（タスクボード確認ボタン）

1.複合フォームを作成する

・利用者へ予約完了の連絡をする（応答機能）

予約フォームに必要なURLやQRコードを発行し、チラシやHPに掲載する

・予約受付可能数を変更する
2.予約ページを作成する
利用者が予約できるフォームを作成し予約を受け付ける

予約枠編集をする
予約開始日の設定等ができるようにする

3.操作パネルを利用する

・土曜日の予約を増やす

・予約をキャンセルする
・予約変更やキャンセルを確認する（変更履歴機能）

パーツを選択して自由に項目設定ができるようにする

4.内容の確認をする
修正や登録をしてフォームを利用してもらう

5.タスクボードを作成する
タスクボードを作成してステータスの設定をしたり表示項目を選択できるようにする
2

各項目の名称

各部の機能

複合フォーム一覧画面編（非公開パターン）複合フォーム新規作成ボタン
複合フォームを作成するためのボタンです。

登録時通知選択ボタン

複合フォーム新規作成ボタン

公開状態選択ボタン
公開/非公開を選択できるボタンです。

予約ページ作成ボタン
予約ページを作成するボタンです。

編集ボタン
複合フォームの編集ができるボタンです。

公開状態選択ボタン

タスクボード確認ボタン
予約のステータス（状況）を確認できるボタンです。

準
備・
確
認

予約状況確認ボタン
いつどの時間に予約が入っているか、予約状況を確認できるボタンです。

設定確認ボタンステータスの設定やタスクボードの表示項目の設定ができるボタンです。

複製ボタン
予約ページ
作成ボタン

作成したフォームの複製ボタンです。似たようなフォームを作成したい場合に一から作る手間を省けます。

削除ボタン
編集ボタン

作成した複合フォームを削除するボタンです。

タスクボード確認ボタン

設定変更ボタン予約状況確認ボタン

複製ボタン

削除ボタン

登録時通知選択ボタン
予約申し込みがあった場合、メールで通知を受け取ることができるボタンです。
※メールにリンクが貼られているので内容を確認できます。

3

各項目の名称

各部の機能

複合フォーム作成
画面編
受付期間設定枠

フォームタイトル枠
タイトルを入力する枠です。
複合フォームのメインタイトルとなります。

画像選択ボタン

フォーム
タイトル枠

複合フォームタイトルの背景部分に画像を掲載できるボタンです。

受付期間設定枠

画像選択ボタンフォームの表示期間を設定できる枠です。
※1週間後から受付開始としたい場合は1週間後の日付を設定します。
※表示期間外は“受付期間外です”と表示されます。

説明文入力枠

準備・
確
認

説明文入力枠
説明文を入力する枠です。
タイトルに対し、補足等ができます。

保存ボタン
入力した内容を保存できるボタンです。
“戻る”ボタンをクリックすると、編集画面に戻ります。

保存ボタン
4

各項目の名称

各部の機能

予約ページ作成
画面編
ページタイトル枠
ページタイトル枠
予約ページごとに付けることができるタイトル枠です。

画像選択ボタン

画像選択ボタン
タイトル枠に画像を掲載できるボタンです。

説明文入力枠
説明文入力枠

タイトルに関する説明文を入力できる枠です。

準備・
確
認

予約枠編集枠

予約枠編集枠

予約期間を設定できる枠です。

操作パネル部 タイトル枠
操作パネルに関するタイトル枠です。
操作パネル部
タイトル枠
操作パネル部
説明文入力枠操作パネル操作パネル部 説明文入力枠
操作パネルに関する説明文を入力する枠です。

操作パネル
予約に関する項目を自分で設定するためのパーツを選択できます。

5

1.複合フォームを作成する
予約フォームに必要なURLやQRコードを発行し、チラシやHPに掲載する

複合フォーム作成

予約ページ作成

内容の確認

完成

フォームタイトル枠

入力の流れ

1 フォームタイトル枠 に「テニスコート予約申し込み」と入力します。
説明文入力枠

画像選択ボタン

2受付期間設定枠に を入れて、2024/6/1～2024/10/31（受付可能期間）の日付を入力します。
2024年６月1日

3

画像選択ボタン操
作方法（流れ）をクリックして画像を選択し、貼り付けます。

4 説明文入力枠 に説明文「テニスコートの予約申し込みができます。
受付期間は2024/6/1～202410/31までです。」と入力します。

⑤

5保存ボタンをクリックします。
⑤6

1.複合フォームを作成する（つづき）
予約フォームに必要なURLやQRコードを発行し、チラシやHPに掲載する

複合フォームの作成

予約ページの作成

内容の確認完成

複合フォーム作成後、URLとQRコードが発行されます。
これをチラシやHPに掲載し、利用者からの予約を受け付けることができます。

操
作
方法（流れ）⑤
複合フォーム一覧画面ボタン⑤

7

2. 予約ページを作成する
利用者が予約できるフォームを作成し予約を受け付ける

複合フォームの作成

予約ページの作成

内容の確認

完成

入力の流れ

ページタイトル枠

1 ページタイトル枠 に「テニスコートA」と入力します。

画像選択ボタン

説明文入力枠2

画像選択ボタンをクリックして画像を選択し、貼り付けます。

3

説明文入力枠にテニスコートAに関する説明文を入力します。

4

予約枠編集枠に期間（2024/06/01～2024/06/12）を入力

操
作
方法（流れ）します。

予約枠編集枠⑤※予約枠編集枠の詳細は次のページ参照⑤次ページへ続く8予約枠編集をする
予約開始日の設定等をできるようにする

複合フォームの作成

予約ページの作成

内容の確認

完成

期間入力枠

1 期間入力枠 に予約可能な期間を入力します。
2□営業日から予約可能（今回は3営業日とする）→予約当日が4/4としたら、4/7から予約可能です。

操作
方法（流れ）

3□営業日先まで予約可能（今回は20営業日とする）→予約当日が4/4としたら、4/24まで予約可能です。

⑤⑤

9

2. 予約ページを作成する（つづき）
利用者が予約できるフォームを作成し予約を受け付ける

複合フォームの作成

予約ページの作成

内容の確認

完成

入力の流れ(つづき)1 操作パネル部 タイトル枠 に「テニスコートA お申込み情報」と入力します。

2 操作パネル部 説明文入力枠 に「テニスコートA お申込み情報」に対する説明文を入力します。

操作パネル部 タイトル枠

操作
方法（流れ）

3 操作パネル から、作成したい項目に合わせて好きなパーツを選びます。(下図参照)

操作パネル部 説明文入力枠※操作パネルの詳細は次のページ参照⑤操作パネル

10

3.操作パネルを利用する
パーツを選択して自由に項目設定ができるようにする

操作パネルパーツ

1 操作パネル パーツ から「1行テキスト」を選択し、1行テキスト編集のタイトル枠に「お名前」と入力します。
必須入力に“ ”を入れると必須と表示され、利用者の名前入力欄が作成されます。※下図参照

操
作
方法（流れ）

お名前11

3.操作パネルを利用する（つづき）
パーツを選択して自由に項目設定ができるようにする

1 操作パネル パーツ から“メールアドレス”を選択するとメールアドレス入力欄が作成されます。
2パーツを選択し終えたら プレビューボタン をクリックして確認します。
操作
方法（流れ）

3確認した内容でよければ 保存ボタン をクリックします。

操作パネル パーツ

プレビューボタン

保存ボタン

12

4.内容の確認をする
修正や登録をしてフォームを利用してもらう

複合フォームの作成

予約ページの作成

内容の確認

完成

1作成したページの内容の確認をします。
2修正する場合は 戻るボタン 又は複合フォーム
一覧画面の 編集ボタン から修正ができます。
※下図参照

3作成内容に間違いがなければ 登録ボタン を操作
方法（流れ）

クリックします。

編集ボタン

⑤

戻るボタン

登録ボタン

13

5.タスクボードを作成する
ステータスの設定をしたり、表示項目を選択できるようにする。

設定変更ボタン

表示項目選択画面

名前・電話番号

設定変更ボタンをクリックします。
右上図の「表示項目」をクリックすると 表示項目選択画面が出てきます。
ここでは表示項目を設定することができます。
例えば、“お客様情報”の「お名前」と「お電話番号」に✓を入れると、「タスクボード」と「予約状況照会」に名前と電話番号が表示されるようになります。

名前・電話番号14

5.タスクボードを作成する（つづき）
ステータスの設定をしたり、表示項目を選択できるようにする。

ステータス設定画面

設定変更ボタン

保存ボタン
設定変更ボタンをクリックします。
右図の「ステータス設定」をクリックすると ステータス設定画面が出てきます。
ここではステータスの設定をすることができます。
例は「受付」「確認中」「予約完了」の項目で登録しています。
フォームごとに自由にステータスを変更でき、「 ＋ ステータスを追加」で項目を追加することもできます。
←このボタンで順番を入れ替えたり、削除もできます。

15

今月の予約状況を確認する（予約状況確認ボタン）
複合フォーム一覧画面

複合フォーム一覧画面

1 予約状況確認ボタン をクリックして予約の有無を確認する 具体ことができます。

2予約状況照会（下図）を確認すると5/16（木）9:00～テニスコート3面の予約と、5/17（金）11:00～8面の予約が入っていることが分かります。

例
から
操
作
を
確
認
す
る

予約状況確認ボタン

16

予約ステータスを確認する（タスクボード確認ボタン）
複合フォーム一覧画面

複合フォーム一覧画面

1 タスクボード確認ボタン をクリックすると、予約がどの状態

具体例にあるかを確認することができます。（現時点では「受付」の から状態。）
操
作
を
左下図のように、ステータスごとに名前を設定でき、
確
認（例は「受付」「確認中」「受付完了」）
す
作業が進むごとにそのステータスに移動することができます。 る23ステータスを移動させるには「 ︙ 」 （縦三点リーダ） をタスクボード確認ボタン

クリックして「次へ移動」をクリックすると移動できます。
縦三点リーダ17

利用者へ予約完了の連絡をする（応答機能）※メールアドレスパーツのあるフォームで利用できます。

1 タスクボード画面 をクリックします。
タスクボード画面

2「応答」ボタンをクリックします。

次ページに続く

具体
例
から
操
作
を
確
認
す
る

18

利用者へ予約完了の連絡をする（応答機能）つづき※メールアドレスパーツのあるフォームで利用できます。

3 応答内容欄 に予約完了の旨を書き込み、応答内容欄

応答を確認ボタン をクリックします。

4内容を確認し、 送信ボタン をクリックするとフォームに入力された宛先へメールが送信されます。

5送信後 応答履歴欄 に送信内容が残ります。
その他にも利用者からの質問に応答できたりと使い方は様々！

応答を確認ボタン

送信ボタン

応答履歴欄

具体
例
から
操作
を
確
認
す
る

19

予約受付可能数を変更する
複合フォーム一覧画面

複合フォーム一覧画面

1 予約枠数設定ボタンをクリックすると“予約枠数設定“と表示されたカレンダーが出てくるので変更したい日付をクリックし、設定したい予約枠数を入力します。

2 一括で変更したい場合は日付横にある□に✓を入れて 選択一括変更ボタン をクリックすると一括で変更できます。

予約枠数設定ボタン

選択一括変更ボタン

20

具体
例
から
操
作
を
確
認
する

土曜日の予約を増やす

複合フォーム一覧画面

複合フォーム一覧画面

1

1 予約状況確認ボタン をクリックします。”予約状況照会“画面が表示されます。予約枠をクリックすると左下画面が出てくるので編集ボタンをクリックします。

2カレンダーの変更したい枠をクリックし、予約希望数“5”に変更します。 次へ ボタンをクリックしていくと最後にボタンが表示されるのでクリックして完了です。

登録予約状況確認ボタン

2

21

具体
例
から
操
作
を
確
認
する

予約をキャンセルする

複合フォーム一覧画面

1 予約状況確認ボタン をクリックします。
2既に予約のある枠をクリックすると、下部に申込みをキャンセルするボタンが表示されるので、クリックすると下記メッセージ（※）が表示されます。
確認後再度 申込みをキャンセルする ボタンをクリックすると予約が完了します。

予約状況確認ボタン

※

22

具体
例
から操
作
を
確
認
する

予約変更やキャンセルを確認する（変更履歴機能）※「複合フォーム」でご利用いただけます。

1タスクボード確認ボタンから予約内容を具体例から変更したい予約箇所をクリックし、変更します。 操
作を
確
認
変更が完了したらタスクボードへ戻り、対象のする予約をクリックすると 変更履歴欄 にクリックし 編集ボタン をクリックすると下記カレンダーが表示されます。

2
3
編集ボタン“変更前”“変更後”の情報が記載されます。

変更履歴欄

23