【ノーコード】明日から使える飲食店向け注文システムを作る！
スプレッドシートと注文フォームの準備
配布用のスプレッドシートを自身のGoogleドライブにコピー
ツールから「フォームを作成」を選択
以下の項目をフォームに追加
お届け先： 記述式（必須）
お名前 ：記述式（必須）
メールアドレス： 記述式（必須）
メニュー1 ：プルダウン(1から5)
メニュー2 ：プルダウン(1から5)
メニュー3： プルダウン(1から5)
その他： 記述式
スプレッドシート に回答されることを確認
一度試しにフォームから送信して確認します。
右上の「送信」ボタンを押し下記画面にて、フォームのリンクをコピー。別のブラウザを開くなどして、注文を送信してみましょう。
＊スプレッドシート に1行追加されたことを確認します。
スプレッドシートのフォームの1行目に下記の項目を追加
1行I列： 処理(注文確認メール済)
1行J列： 処理(出発メール済)
1行K列： 処理(配達完了)
1行L列： 注文番号
シート名を変更
「フォームの回答」のシート名を「order」に変更
↓
GASのデプロイ
ツール - スクリプトエディタ を押し、エディタを開く
デプロイ-「デプロイ を管理」からデプロイ
「デプロイメントの作成」を押す
「デプロイ 」を押す
「アクセスを承認」を押す
アカウントを選択
左下にある「詳細」を押す
左下にある「安全ではないページに移動」を押す
「許可」を押す
ウェブアプリのURLを setting シートにメモしておきましょう。
以上でデプロイ完了です
トリガーの設定
このシステムでは、フォームからの注文を1件受け付けるごとにLINEに通知が届きます。フォームで注文をすると、スプレッドシート に新しい行が1行追加されます。追加されたことを自動的に検知して、GASのプログラムを動かすように設定します。
実行する関数： receivedOrder
イベントの種類： フォーム送信時
「保存」を押す
先ほど同様に「許可」が必要な場合は「許可」をする
以上でトリガーの設定完了です
LINEの設定
LINE Developersに登録
以下にアクセスし、アカウントの作成、または個人のLINEアカウントにてログインします。
プロバイダーを新規に作成（名前は任意）
チャネル Messaging API作成
下記該当箇所を入力、設定
チャネル名： 小さな町の小さなキノコ屋さん
チャネル説明： 小さな町の小さなキノコ屋さん
大業種： 飲食店・レストラン
小業種： 弁当・デリバリー
アカウント利用規約： チェックオン
アカウントAPI利用規約： チェックオン
「作成」を押す
以下のような画面が表示されます
LINE Official Account Managerにて、応答メッセージをオフにする
LINE Official Account Manager のリンクをクリックし、LINE Official Account Manager画面を開く
左の設定にある「応答設定」をクリックし、下記の通り「応答メッセージをオフ」「Webhookをオン」にする
チャネルアクセストークンとユーザーIDを確認
LINE Developersコンソールに戻り、チャネルアクセストークンとユーザーIDを確認し、本スプレッドシートの「setting」シートにコピペする
settingシートに貼り付けてください
settingシートに貼り付けてください
Webhookを設定
GASのデプロイ をした際に、settings シートに貼り付けたウェブアプリURLをセット
Webhookの利用をオン
検証を押して「成功」が出ればOK
注文を受け付けてみよう
ボットを友達追加
QRコードを読み込んで友達追加
注文フォームにて注文
受付完了
注文内容を確認したら「受付完了」を押し、その旨をお客様にメールで通知します。メールが届いているか確認してみましょう。
届いたメール
配達中
配達に出発したら「配達中」を押し、その旨をお客様にメールで通知します。メールが届いているか確認してみましょう。
届いたメール
配達済み
配達が完了したら本注文のステータスを更新し、1件の注文を完了します。
カスタマイズ
・メールの件名などを変更したい
・メニューの数を変更したい
以下、有料記事ですが上記動画から同内容を確認できます。
ここから先は
¥ 500
この記事が気に入ったらサポートをしてみませんか？