愛媛県新居浜市で本格寿司と仕出しを手がける株式会社愛媛フーズ様より、「すし若」公式オンラインストアの制作をご依頼いただきました。お弁当・仕出し・オードブル・寿司盛り合わせなどを、テイクアウトまたは宅配で、受け取り日時を指定して事前注文できるECサイトです。WooCommerceをベースに、クレジットカード決済とPayPay決済の導入、そして店舗の運用に合わせて柔軟に設定できるテイクアウト・宅配の受付システムを独自に開発しています。
制作の目的
オンライン注文の受付 / キャッシュレス決済の導入
サイトURL
サイトを制作した結果・構築した仕組み
飲食店のオンライン注文は、一般的なネットショップとは求められるものが大きく異なります。「いつ受け取るか」「店頭か配達か」「どこまで届けられるか」「厨房が対応できるか」といった、店舗ごとの事情をすべて注文の仕組みに落とし込む必要があるからです。本サイトでは、お客様が迷わず注文でき、かつお店側が無理なく回せることを最優先に、決済から受け渡しまでの流れを一から設計しました。
クレジットカード決済とPayPay決済に対応
決済にはStripeを採用し、クレジットカード・デビットカードでのお支払いに対応しました。さらに今回は、地方で特に利用率の高いPayPay決済も導入しています。
ここが本案件で最も力を入れたポイントです。StripeはPayPayに対応しているものの、WooCommerce向けの公式StripeプラグインにはPayPayをWooCommerceとつなげる手段が用意されていません。そこで、StripeのAPIと直接連携する決済プラグインを独自に開発し、WooCommerceのチェックアウトにPayPayを選択肢として追加しました。お客様は他の決済方法と同じ感覚でPayPayを選び、PayPayアプリで承認するだけで注文が完了します。
決済は「お金」を扱う部分のため、見えないところの作り込みにもこだわっています。
- 入金の取りこぼし防止 — PayPayでの支払い後にお客様がブラウザを閉じてしまっても、Stripeからの通知(Webhook)で注文を自動的に「支払い済み」へ更新します。
- 二重処理の防止 — 支払い完了の通知と画面の戻りがほぼ同時に届いても、注文ごとに処理を順番待ちさせることで、在庫の二重引き当てや注文メールの二重送信が起きない仕組みにしています。
- 管理画面からの返金に対応 — 全額・一部返金のどちらもWooCommerceの注文画面から操作できます。Stripeの管理画面から直接返金した場合も、その内容がWooCommerce側へ自動で反映され、帳簿がずれません。
- 操作ミスの予防 — 「手動で払い戻し」ボタン(記録だけ残り、実際にはお客様へ返金されない操作)を押そうとした際に確認を表示し、返金漏れを未然に防ぎます。
- 接続テスト機能 — APIキーやWebhookの設定状態を管理画面からワンクリックで点検できるようにし、万一のトラブル時にも原因をすぐ切り分けられるようにしました。
テイクアウト・宅配の事前注文システム
もう一つの柱が、テイクアウトと宅配の受付機能です。WooCommerceの標準機能には「受け取り日時の指定」や「時間枠ごとの受付管理」がないため、事前注文の仕組みをプラグインとして独自開発しました。お客様はまず「テイクアウト」か「宅配」を選び、商品をカートに入れた後、受け渡し日と時間枠(15分刻み)を指定して注文します。
この仕組みは、お店の状況に合わせて管理画面からすべて柔軟に設定できることを重視しています。
- 受付時間枠 — テイクアウト・宅配それぞれで、受け付ける時間帯を15分単位のチェックボックスで自由にON/OFF。昼の部・夜の部といった営業形態にもそのまま対応できます。
- 締切時刻・受付期間 — 「当日受付可」「翌日以降(前日締切)」の切り替えや、締切時刻、何日先まで予約を受け付けるかをサービスごとに設定可能です。
- 調理・準備時間 — 例えば準備時間を90分に設定すると、16時55分の注文で17時受け取りが選べなくなります。厨房が間に合わない注文を、仕組みの側で防ぎます。
- 1枠あたりの上限 — 時間枠ごとに受け付ける注文件数・商品個数の上限を設定でき、上限に達した枠は自動で選択できなくなります。
- 商品ごとの販売区分と価格 — 商品ごとに「テイクアウトのみ」「宅配のみ」「両方」を選べ、テイクアウトと宅配で価格を分けることも可能です。サービスを切り替えた際に、購入できない商品がカートに残らないようガードもかけています。
郵便番号で判定する配達エリア・配達料
宅配では、お客様が入力した郵便番号から配達エリアを自動判定します。「新居浜市内は税込10,000円以上で配達料無料」「西条市・土居は税込20,000円以上のご注文から承る」といった、エリアごとに異なるルールにも対応。WooCommerceの標準機能にはない「一定金額未満は注文を受け付けない」という条件も実現しています。エリアの追加や金額の変更も管理画面から行えます。
仕出し・慶弔のご注文に寄り添う入力項目
仕出し料理はお祝い・法事などの用途によって準備内容が変わるため、商品ごとに「ご用途(お祝い用・仏事用・会食用)」の選択や、「わさび抜き」などのご要望を書き込める欄を設けられるようにしました。電話で確認していた内容を注文時点で受け取れるため、聞き漏れや確認の手間を減らせます。
制作に至った背景
テイクアウトや仕出しの事前注文を、時間を問わずオンラインで受け付けたい。そして、お客様にとって身近なキャッシュレス決済、とりわけPayPayで支払えるようにしたい——このご要望から制作がスタートしました。既存のプラグインを組み合わせるだけでは、PayPay決済も、店舗の運用に即した受付ルールも実現できなかったため、必要な部分は独自に開発して解決する形をとっています。
実施した内容
- WooCommerceによるECサイトの構築 — 慶弔仕出し・お弁当・オードブル・寿司盛り合わせなど、カテゴリからシーンに合わせて商品を探せるオンラインストアを構築。スマートフォン・タブレット・PCすべてに対応したレスポンシブデザインを実現。
- Stripeによるクレジットカード決済の導入 — カード・デビットカードでのお支払いに対応し、決済情報を安全に処理できる環境を整備。
- PayPay決済プラグインの独自開発 — 公式プラグインが対応していないPayPayを、Stripe APIと直接連携する仕組みで実装。入金の自動反映、二重処理の防止、返金の双方向同期、接続テスト機能まで備えています。
- テイクアウト・宅配 事前注文プラグインの独自開発 — 受け渡し日時の指定、15分刻みの時間枠、締切・準備時間・枠ごとの上限を管理画面から自由に設定できる受付システムを構築。
- 配達エリア・配達料の自動判定 — 郵便番号からエリアを判定し、エリアごとの送料無料ラインや最低注文金額を自動で適用。
- 商品ごとの販売設定 — テイクアウト/宅配の出し分け、サービス別価格、ご用途の選択、ご要望欄の表示を商品単位で設定可能に。
- 領収書発行・注文メールの整備 — インボイス登録番号や税率ごとの内訳に対応した領収書を、お客様自身がマイページから発行できる仕組みを構築。注文確認メールには受け渡し日時やサービス区分を表示しています。
