Googleフォームで予約受付フォームを作ろう【連載2/5】

画面から右上のアイコンをクリックし、フォームを開きます。

「＋」マークをクリックし、新しいGoogleフォームを作成します。

無題のフォームと記載されている箇所にフォームのタイトルを入力します。

今回は、「予約受付フォーム」と入力しています。

同様に左上の無題のフォームと記載されている箇所にもフォームのタイトルを入力していきます。

今回は、「予約受付フォーム」と入力しています。

「設定」タブをクリックします。

• 「回答」の右側にある「 ^ 」をクリックします。
• 「メールアドレスを収集する」を「回答者からの入力」にします。

筆者（kei）

「確認済み」は入力間違い等が少ないメリットがある一方で、Googleアドレスのログインが必須となるため、今回は「回答者からの入力」にしています。

「設定」タブをクリックした状態で

• 「プレゼンテーション」の右側にある「 ^ 」をクリックします。
• 「確認メッセージ」の右の「編集」をクリックします。

確認メッセージを入力します。

筆者（kei）

この予約システムでは、自動返信メールを送信させますので、ここで予約終了だと思われないようなメッセージを記載します。

「別の回答を送信するためのリンクを表示」をOFFにします。

筆者（kei）

今回の予約システムでは、自動返信メールを確認後、他の予約をしてほしいため、OFFにしています。

• 項目タイトルを「予約日」に変更します。
• 回答方法を「日付」に変更します。

• 「必須」のスイッチをONにします。
• 「︙」から説明をクリックし、説明文言を追加するとわかりやすくなります。

• 右のサイドメニューから「＋」をクリックし、項目を追加します。
• 項目タイトルを「予約開始時間」に変更します。
• 回答方法を「プルダウン」に変更します。
  • 10:00から17:00までの営業時間を30分単位で入れてください。
• 「必須」のスイッチをONにします。
• 説明を追加するとわかりやすくなります。

• 右のサイドメニューから「＋」をクリックし、項目を追加します。
• 項目タイトルを「氏名」に変更します。
• 回答方法を「記述式」に変更します。
• 「必須」のスイッチをONにします。

• 右のサイドメニューから「＋」をクリックし、項目を追加します。
• 項目タイトルを「会員番号」に変更します。
• 回答方法を「記述式」に変更します。
• 説明を追加するとわかりやすくなります。
• 「︙」から回答の検証にチェックします。

入力する文字列を制御するため、「正規表現」を選択します。

• パターンに[0-9]{5}を貼り付けてください。
• カスタムのエラーテキストに「半角数字5桁で入力が必要となります」と記載します。

各項目の設定が完了したら、プレビューで確認してみましょう。

画面右上にある目玉のアイコンがプレビューボタンとなります。

実際に入力することできますので、入力して動作確認をしてみましょう。

実際に送信した回答は、「回答」タブに表示されるので確認してみてください。

右上の「送信」ボタンをクリックします。

真ん中のリンクタブをクリックします。

URLを短縮にチェックを入れ、上記に表示されたURLがこのGoogleフォームのURLになります。

右上の「送信」ボタンをクリックし、右端の「<>」タブをクリックします。

幅、高さをサイト用に設定し、「HTMLを埋め込む」の下に出てきた<iframe・・から始まる文字列がサイトへの埋め込みコードになります。