Blog

2020年4月21日

【事例紹介】テイクアウトのオーダー受付フォーム

実際にアンケートフォーム作成サイト 「CustomForm」 を利用して、アンケートを作成した例をもとに、アンケートを作る際のポイント や 「CustomForm」 の使い方をご紹介いたします。

今回はCustomFormを使って、飲食店のテイクアウトのオーダーを受け付けるオーダーフォームを作成してみました。


現在、飲食店のテイクアウト等のフォームでのご利用に限り、有償プラン(Advancedプラン)を、無償でご提供しています。

是非お問い合わせください。






(簡易版の作成についても、当記事後半に記載しております。)


まずは下記リンクのフォームをご覧いただければと思います。


【注文受付フォーム】テイクアウトオーダー受付フォーム


今回のポイントは、


アンケートフォームの項目の応用


です。


今回のフォームはアンケートではなく、飲食店などでのテイクアウトの注文を事前に受け付ける「オーダー予約フォーム」を想定してみました。


CustomFormの質問項目をうまく活用すれば、ウェブ上で事前のオーダー受付が可能です。



こちらのオーダー受付フォームの要素としては、


①メニュー写真の掲載

②テイクアウトの日にち選択

③テイクアウトの時間選択

④メニューの選択

⑤オーダー数量

⑥お名前、連絡先

⑦備考欄

となります。


受け付けるメニューやオーダーの内容により、項目の設定の仕方が変わってくると思いますので、一例としてご覧ください。



<メニュー写真の掲載>


①まず、フォームページのヘッダーに写真を掲載する場合は、HTMLタグを使用します。

回答画面の説明分や完了コメントページにHTMLタグを挿入することで、画像を掲載することができるようになります。


「基本情報編集」のページの、「基本設定」の中の、

「回答画面説明文」に画像のHTMLタグを入れてください。




②次に、HTMLタグの有効化を行います。


同じ「基本情報編集」のページで、一番下にある「詳細設定」で設定します。

「詳細設定」の項目にある、「HTMLタグ有効化」にチェックを入れてください。


チェックを入れたら更新をクリックします。





以上で、画像を掲載することができます。


③最後に、ページ上での画像のレイアウトを整えるため、フォームデザインを変更します。


「フォームデザイン選択」のページで、「Linear」を選択してください。





フォームデザインを「Linear」にすることで、適切なサイズ、レイアウトに調整されます。



<テイクアウトの日時指定>


日にちの指定は、「質問編集」の「入力タイプ」を「日付選択」を利用します。


また、時間の選択については、「入力タイプ」を「プルダウンメニュー」とし、15分間隔で入力してみました。






<メニューの選択と数量>


メニューの選択については、「入力タイプ」を「ラジオボタン」を使ってみましたが、

「プルダウンメニュー」でもいいですし、複数のメニューを選んでもらう場合には、「チェックボックス」でも良いかと思います。






<連絡先など>


お名前、電話番号、メールアドレスについては、「テキストフィールド」を使用しています。

入力サイズや文字制限については、入力してもらう情報形式により適宜選択ください。


<備考欄>


備考欄は大量注文や複数多種のオーダーを想定し、「テキストエリア」を選択し、6行のスペースを設けました。



以上で、オーダー事前受付のフォームを作成することができました。




また、もう少し手軽に作成したいという場合には、下記のような簡易版も可能です。






手軽にオーダーを受け付けられるように、入力項目を最低限に絞ったものになります。

実際のフォームは、下記リンクのフォームをご覧いただければと思います。


【注文受付フォーム】テイクアウトオーダー受付フォーム(簡易版)



簡易版のオーダー受付フォームの要素としては、


①テイクアウト日の指定

②メニュー写真の掲載

③メニューの選択

④お名前、連絡先

⑤備考欄

となります。


受け付けるメニューやオーダーの内容により、項目の設定の仕方が変わってくると思いますので、一例としてご覧ください。



<メニュー写真の掲載>


①先ほどはフォームページのヘッダーにメニュー画像を掲載しましたが、今回は「質問項目」の一つとして画像を掲載してみました。


「質問タイトル」を入力しましたら、「補足説明」の欄に、HTMLタグを記入します。


同時に、その下の「入力タイプ」を「見出し(表示のみ)」としてください。


これで、選択肢ではなく、画像のみが見出しとして掲載されるようになります。






②次に、HTMLタグの有効化を行います。


同じ「基本情報編集」のページで、一番下にある「詳細設定」で設定します。

「詳細設定」の項目にある、「HTMLタグ有効化」にチェックを入れてください。


チェックを入れたら更新をクリックします。





以上で、質問項目のエリアに画像のみの見出しとして、メニュー画像を掲載することができます。

他の質問項目については、前半のフォームと同じですので、参考にしていただければと思います。


現在、飲食店のテイクアウト等のフォームでのご利用に限り、有償プラン(Advancedプラン)を、無償でご提供しています。

是非お問い合わせください。