定員で締め切る予約システムをお問合せフォームで作る方法

Last Updated on 2024年7月04日 by ワードプレスの学校 学長 柳内郁文

予約システムと一口に言ってもいろいろなタイプがあります。
たとえば、セミナー予約のように面倒なことはなく、定員で締め切るだけの簡単なものでしたら、お問合せフォームで作ることができます。
Googleフォームにはそのような機能が事前に備わっているので、Googleフォームを使われている方も多いのではないでしょうか?
しかし、ホームページ制作会社なのにGoogleフォームに頼るのもどうかと思いますので、プラグインを使って定員で締め切るお問合せフォームを作っていきたいと思います。

JetFormBuilder

使うプラグインはJetFormBuilder(https://jetformbuilder.com/)です。

JetFormBuilderは、CrocoBlock社(本社:ウクライナ)が提供する高機能お問合せフォームが作れるワードプレスプラグインです。

今回は特別な設定が必要なので、アドオンを追加します。
こちらの「Limit Form Responses(https://jetformbuilder.com/addons/limit-form-responses/)」です。
JetFormBuilderにライセンスキーを入れてPRO版にする必要があります。

JetFormBuilderは無料のプラグインですが、このアドオンは49ドルです。
しかし、お得に買う方法がありますので高いな〜!っと感じた方はお問い合わせください。
特別にお教えいたします。

設定方法

さて、設定方法を見ていきたいと思います。

有効化しますとJetFormBuilderのメニューが出ますので、「Add New」から新しいフォームを作成いたします。

Gutenbergの見慣れた画面に既にテンプレートが用意されています。
今回は面倒なので、テンプレートを使って説明いたします。
簡単そうな「ニュースレター」を選択します。

ちなみに、JetFormBuilderは高機能なお問い合わせフォームが作れるプラグインですので、細かな解説は別の機会にしますので、ご了承ください。

タイトルを付けます。タイトルは管理用でサイトには表示されません。
JetFormのタブからLimit Form ResponsesをONにしてLimitで募集する数を入力し、定員に達したあとに表示させるメッセージを入力します。

以上で設定が完了ですが、これではサイトには表示されません。

サイトに表示させる方法

このフォームをサイトに表示させるには固定ページなどでこのフォームを設置しなければなりません。

ブロックの中からJetFormを選択します。

そうしましたら、先ほどタイトルに入力した「ニュースレター」を選択します。
これで先ほどのフォームを呼び出すことができるので、設定完了です。

高度な設定

ここで問題となるのは、一人の人が複数応募して定員に達することです。
たとえば、プレミアムチケットで転売目的だとすると遺憾です。
そこで一人につき1回しか登録できないようにしたいと考えると思います。

先ほどのJetFormBuilderのフォームに戻ります。
そして、先ほど設定した定員の下を設定していきます。

「Restrict users from multiple responses」という複数回答の制限をONにします。
つぎに制限の方法ですが、同一IPからの制限、ログインユーザーによる制限、クッキーによる制限、セッションによる制限が用意されています。

MAXIMUM SUBMISSIONSは回数です、
1にすると1回の制限になります。

RESET INTERVALはリセットまでの期間です。
Neverは永遠に、あとは1日毎、1週間毎まど選択肢が用意されています。
その下の大きい枠はエラーメッセージになります。

まとめ

冒頭にも述べましたが、予約と言ってもいろいろなタイプがあり、このタイプですと、「◯個の限定販売・事前予約」といったものなどに使えそうです。
その他には、「◯名限定事前予約」「定員◯人のセミナー予約」などです。

【補足】例に挙げたテンプレートの「ニュースレター」は、メールチンプ(https://mailchimp.com/)とのAPI連携をして使うもので、そのままニュースレターが配信できるものではございません。

この記事についてのご質問がある方はワードプレスの学校でお願いいたします。

当社では、WordPressを用いたWebサイト制作を行っております。
ホームページの制作については、こちらからお気軽にお問い合わせください。

制作実績はこちらからご確認ください。
⇒【View Now!】当社の制作事例をチェック!

ノーコードで簡単ウェブ制作なら断然ELEMENTORが便利です。

ワードプレスの学校

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

Join our newsletter

毎週金曜日に最新のワードプレスの情報を配信しています
いつでも解読できますので、お気軽に登録してください

Join Our School

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

— ワードプレスの学校でワードプレスについて一緒に学びませんか —

ブログを読むより、ユーチューブ動画を見るより、ワードプレスに精通した講師に直接聞いて問題を解決しましょう!ワードプレスの学校は、質問し放題のオンラインスクールです。