Houn

記事内に広告を含む場合があります

サイトポリシー
決済サービス
著者:田野正樹

公開日:2026.09.25

更新日:2026.09.28

予約販売サイトを自作してみた(クリスマスケーキ・花屋など)

パティスリーオーナー

クリスマスケーキの予約は店頭と電話で受け付けているけど、管理が大変!

「24日の17時に5号を1個……」と予約台帳に記入。
電話が重なると通常業務も止まってしまう。
予約変更やキャンセルの電話もあるし、当日の会計も必要……。

これ、ネットで予約・支払いまで済ませられない?

筆者はふだん、ホームページの制作・運用を請け負っていますが、上記の相談をお客様から受け、「クリスマスケーキの予約販売サイト」を作ってみました。

サンプルの予約販売サイト

クリスマスケーキの予約販売サンプルサイト

まずは、実際に作成した予約販売サイトをご覧ください。

クリスマスケーキ販売のサンプルサイト→

※筆者が作成したサンプルサイトにつき、購入はできません。
(決済
行為はできますが、ケーキは買えません笑)

購入ページはこんな様子です。

Squareオンラインビジネスで作成したケーキ予約販売サイトの商品ページ。ケーキのサイズと受取日を選択できる

今回、サイトを作るにあたって決めた条件は以下のとおりです。

【販売サイトの条件】

  • クリスマスなど、予約販売を行う時期だけサイトを稼働させる
  • 使わない期間も費用が発生しないよう、月額無料で運用する
  • 商品は配送せず、実店舗での受け取りとする
  • 注文時に受取日とケーキのサイズ(号数)を選択できるようにする
  • 予約と同時に、クレジットカードで事前決済してもらう
  • 商品ごとに販売数量を設定し、予定数量に達したら受付を終了する

今回はクリスマスケーキを想定していますが、母の日のフラワーギフトやバレンタイン商品など、特定の時期だけ予約販売したい商品向けの作りです。

クリスマスケーキ販売のサンプルサイト→

使用したECサイト作成ツールは「Squareオンラインビジネス」

Square公式サイト

今回のサイトを作成するのに使用したのは、Squareという決済プラットフォームが提供する、ECサイトの作成ツール「Squareオンラインビジネス」です。

いわゆる「ノーコードツール」と呼ばれるもので、専門的な知識がなくても、画像や文章を差し込むことでECサイトを作成できます。

初期費用・月額費用はかからず、販売時(お客様がサイトから予約購入したとき)に3.6%の決済手数料が発生。

よって、一度サイトを作っておいて、必要なときだけ稼働させる。
商品だけ入れ替えて、クリスマス・バレンタインなどに使い回すことが可能です。

参考)Squareはこんなサービス
Square公式サイトトップ
Square公式サイト

Squareは店頭でのキャッシュレス決済のほか、オンライン決済機能も提供している決済サービスです。

小規模店舗や個人事業主などが導入しやすいサービスとして知られています。

今回紹介する「予約販売サイト」は、ECサイトが作成できる「Squareオンラインビジネス」を活用します。
(アカウント作成だけで、管理画面からすぐに作り始めることができます)

Square公式サイト

※現金支払いのお客様は別途対応

Squareオンラインビジネスで作成したケーキ予約販売サイトの決済画面。クレジットカードやGoogle Payによる支払い、店頭受取の注文内容を確認できる。

Squareオンラインビジネスが対応している決済方法は、クレジットカードなどによるオンライン決済です。

現金やPayPayなどをご希望のお客様には、電話や店頭で別途予約を受け付ける必要があります。

BASEと比較して、なぜSquareを選んだのか

月額無料で利用できるECサイト作成サービスとしては、BASE もあります。

個人的には、サイトの作りやすさはBASEの方が上だと感じています。
また、購入者が選べる決済方法も豊富です。

その一方でBASEの月額無料プランは、Squareより販売時の手数料が高め(*)。

また今回は、特定の時期にだけ利用する予約販売サイトであり、本格的なECサイトを運営することが目的ではありません。

そのため今回は、ランニングコストがより低いSquareを選びました。

*参考)Square / BASEの販売時の手数料(月額無料プランの場合)

  • Square:3.6%
  • BASE:6.6% + 40円

受け取り日や号数は、「バリエーション」機能を使用

Squareオンラインビジネスの商品ページ。ケーキのサイズ(5号・6号・7号)と受取日(24日・25日の午前・午後)を選択できる画面。

受け取り日や号数の選択には、「バリエーション」機能を使っています。

ECサイトでは標準的な機能で「Tシャツ:S / M / L」など、同一の商品にバリエーションを持たせるものですね。

Squareの管理画面で設定したケーキのバリエーション一覧。サイズと受取日の組み合わせごとに販売価格を設定している画面

注文時の流れ

お客様から注文が入ったときの流れを、実際の画面をもとに解説します。

注文が入ると、双方にメールが届く

店舗側に届くメール
Squareオンラインビジネスで注文が入った際に店舗側へ届く注文通知メール
お客様側に届くメール
Squareオンラインビジネスで注文・決済後にお客様へ届く注文確認メール

注文が入ると、店舗・お客様の双方にメールが届きます。

店舗としては見逃すことがありませんし、お客様もきちんと注文ができたことがわかるので、お互い安心です。

注文状況と顧客情報は、管理画面から管理

注文状況は、Squareの管理画面から確認できます。

「いつ・何が・誰に売れたか」を一覧で確認できるほか、取引データをCSV形式でエクスポートすることも可能です。

Squareの管理画面で予約商品の取引状況や売上を確認している画面

また、注文時にはお客様に電話番号やメールアドレスを入力してもらうため、顧客情報もSquare上に記録されます。

Squareの顧客管理画面に記録された注文者の電話番号とメールアドレス

予約内容について確認したいことがあった場合など、商品のお渡し前にお客様へ連絡できるのも、予約販売では便利なポイントです。

実際に作ってみた感想「半日〜1日あればできそう」

今回のサンプルサイトは、2時間ほどで作成しました。

筆者は普段からWebサイトの制作を仕事にしていますが、専門的な知識がなくても作れる仕組みなので、パソコンの操作に強い苦手意識がなければ、半日〜1日程度で形にできるのではないかと思います。

もちろん、商品写真や説明文など、掲載する素材をあらかじめ用意しておくことが前提です。

操作に迷ったときは、AIチャットサポートが便利だった

基本的には、文字や写真を入れていく作業ですが、ときどき設定方法が分かりづらい箇所も正直ありました。

そこで役立ったのが、Squareの管理画面から利用できるAIチャットサポートです。

例えば、今回のサイトを作成する際には、次のような質問をしました。

一つの商品に対して、受け取り日とサイズの2つのバリエーションは持たせられますか?

「サイズ」と「受け取り日」という2つのオプションセットを作成し、それらを商品に割り当てることで、複数の組み合わせバリエーションを簡単に作成できます。

もちろんAIの回答が常に正しいとは限りませんが、操作方法を調べるために別のサイトを探し回る必要がなく、作業中にそのまま質問できるのは便利でした。

季節商品の予約販売なら、一度試してみる価値あり

今回作ったようなサイトであれば、商品の登録、受取日の指定、オンラインでの事前決済まで、Squareオンラインビジネスで実現できます。

一度作っておけば、クリスマスケーキだけでなく、バレンタインや母の日など、季節に合わせて商品を入れ替えて利用することも可能です。

月額無料、いわばノーリスクで試せるので、まずは作ってみてはいかがでしょうか。

Squareを使ってみる