Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで予約フォームを作成する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressで予約フォームを作成したいですか?

多くのサイトやビジネスは予約に依存しています。あなたが予約を受け付けている場合は、予約フォームを使用すると、より多くの予定をスケジュールし、あなたの利益を高めることができます。また、多くの場合、予約の管理に付属している時間のかかる管理業務の多くを削除することができます。

今回はWordPressで予約フォームを作成する方法を投稿します。

How to Create a Booking Form in WordPress

なぜWordPressで予約フォームを作るのか?

あなたが予約したすべての時間を考えてみてください。医者の予約から、コールバックの予約、お気に入りのレストランの予約、コンサートや映画のチケットの予約まで、何でも構いません。

電話で予約することもあるでしょう。しかし、ほとんどの場合、オンラインで予約しているはずです。

ますます、私たちは、実際の人と話すことなく、オンラインですべて予約することを期待するようになっている。

あなたのカスタマイザーや訪問者もそれを期待しています。

あなたのビジネスが予約を受け付けているのであれば、オンライン予約フォームを作成するのが賢明です。これは、訪問者がオンラインで予約をしたり、イベントのチケットを購入したり、予約をするためのフォームです。

An example booking form created using WPForms

予約フォームがあれば、電話に出られなかったからといって、他のカスタマイザーを失うことはありません。

予約フォームはまた、予約プロセスの多くを自動化することができます。これには、支払いの収集やカスタマイザーへのリマインダーメールの送信などが含まれます。これは、顧客体験の質を向上させることができます。また、煩わしい管理作業の多くを節約することができます。

それではWordPressで予約フォームを作成する方法を見てみましょう。3つの方法を紹介しますので、以下のリンクをクリックしてお好みの方法にジャンプしてください:

動画チュートリアル

Subscribe to WPBeginner

文章での説明がお望みなら、このまま読み進めてほしい。

方法1.WPForms を使って予約フォームを作成する方法 (推奨)

WPFormsは600万以上のサイトで使用されているWordPressのための最高のフォームビルダーです。プラグインのシンプルなドラッグアンドドロップビルダーを使用して素早くサイトに予約フォームを追加することができます。

WPForms

1300以上のテンプレートが用意されています。これには、イベント企画テンプレート、フィードバックフォーム、ユーザー登録テンプレートなどが含まれます。

これらの既成フォームを使って、非営利サイトへの寄付を集めたり、潜在的な新規顧客とのZoomミーティングをアレンジすることもできます。

さらに、WPFormsはトップクラスのメールマーケティングプロバイダーすべてと統合しています。これにより、カスタマイザーとスタッフの両方に通知や予約リマインダーのメールを簡単に送信することができます。

この投稿では、完全なテンプレートライブラリ、強力なアドオン、複数の支払いプロバイダーの統合が付属しているため、WPForms Proバージョンを使用します。

無料のフォームビルダープラグインを探しているなら、WPForms Liteバージョンもあります。シンプルなフォームを作成し、Stripeの支払いを受け入れることができますが、プレミアムテンプレートと統合のすべてが含まれていません。

詳しくはWPFormsのレビューをご覧ください。

まず、プラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。

WPFormsを有効化した後、WordPressダッシュボードのWPForms ” Settingsにアクセスしてください。ライセンスキーを入力することができます。このキーはWPFormsアカウントにあります。

次に、WPForms ” 新規追加に移動する必要があります。予約フォームに名前を付けます。

WPFormsには様々なテンプレートが用意されているので、すぐに使い始めることができ、さまざまな種類のフォームを作成することができます。予約フォームを作成するので、サイドバーでイベント企画カテゴリーを選択するのは理にかなっています。

ここでは、結婚式の花の注文、修学旅行の予約、DJの雇い方など、あらゆるテンプレートが見つかります。

WPForms template library

テンプレートをプレビューするには、「デモを表示」ボタンをクリックしてください。新しいタブでテンプレートが開きます。

使いたいデザインが見つかったら、オレンジ色の ‘Create Form’ ボタンをクリックします。WPForms ドラッグ&ドロップエディターが起動します。

このチュートリアルでは、オンラインイベント登録RSVPフォームを使用します。このフォームには、カスタマイザーが名前とメールアドレスを入力する欄があります。

また、訪問者があなたのイベントをどのように知ったかも尋ねます。これは、最も多くのコンバージョンをもたらしているマーケティングチャネルやソースを特定するのに役立ちます。

この情報を使って今後のマーケティング活動を計画し、予約フォームに多くの人を誘導することができます。コンバージョントラッキングについての詳細はWordPressのコンバージョントラッキングガイドをご覧ください。

WPForms' online RSVP template.

オンラインイベント登録RSVPテンプレートでは、個別予約に複数人を追加することもできます。これは、ツアーやショーなどの団体予約が多いイベントに最適です。

最後に、カスタマイザーはドロップダウンメニューを使って、イベントに参加したい日時を選択することができます。

これらのフィールドはすべてカスタマイズ可能です。フィールドを編集するには、クリックするだけです。サイドバーが更新され、選択したフィールドのすべての設定が表示されます。

Editing a field in WPForms.

予約フォームテンプレートにフィールドを追加することも可能です。すでに選択されていない場合は、左側のメニューから’フィールドの追加’タブをクリックしてください。

その後、選択したフィールドを予約フォームの所定の位置にドラッグ&ドロップするだけです。ドラッグ&ドロップでフィールドの表示順を変更することも可能です。

予約フォームの編集が完了したら、保存ボタンをクリックしてください。

予約フォームを作成したら、通知を設定することが重要です。

誰かが予約フォームに入力する度に、WPFormsは初期設定であなたのWordPress管理者にメールを送信します。時には別のアドレスにメールを送りたいこともあるでしょう。複数の人にメールを送りたい場合もあるでしょう。

これはWPFormsを使って簡単にできます。メール通知を編集するには、左側のメニューから「設定」をクリックします。次に、通知を選択します。

Customizing the WPForms email and notification settings.

この画面で「Send To Email Address」フィールドを見つけます。初期設定では{admin_email}に設定されています。これは、WordPressの管理者アカウントにリンクされているメールアドレスを使用するようにWordPressに指示する動的な値です。

このダイナミックテキストを削除して、他のメールアドレスに置き換えることができます。新しいアドレスを「送信先メールアドレス」フィールドに直接入力するだけです。

複数の人にメールを送りたい場合は、それぞれのアドレスをカンマで区切ってください。

The WPForms form building plugin.

あなたのサイトから送信されたメールは、すべて受信トレイに届き、スパムフォルダに入らないようにする必要があります。これを行う最善の方法は、SMTPサービスプロバイダーを使用することです。詳しくは、WordPressでメールが送信されない問題の解決方法をご覧ください。

WordPress予約フォームの作成が完了したら、いよいよ公開します。新規ページを作成するか、すでに作成したページにこのフォームを追加します。

とはいえ、手順は全く同じです。予約フォームを表示したいウェブページを開きます。そして黒い+アイコンをクリックします。

WPFormsには独自のブロックがあるので、’WPForms’とタイプし始める。

Adding a WPForms block to a WordPress post.

このブロックが外観されたら、あなたのウェブページに追加してください。

新規WPFormsブロックでドロップダウンメニューをクリックし、作成した予約フォームを選択します。

The WPForms block.

これでページを更新または公開することができます。

以上です!あなたのサイトにアクセスすると、予約フォームが表示されるはずです。

方法2.Formidable Formsを使って予約フォームを作成する方法

Formidable Formsは市場で最も先進的なWordPressフォームプラグインです。Formidable Formsのドラッグアンドドロップインターフェースを使って、計算などのより高度な機能を持った予約フォームを作成することができます。

Formidable Forms はすでにお使いのMemberPressWooCommerce、プロバイダーメールなどのツールとの連携も可能です。

この投稿ではFormidable Forms Proを使います。WordPressサイトにユーザーフレンドリーな予約フォームを簡単に作成することができます。

A booking form, created using Formidable Forms.

まず最初に、Formidable Forms Lite(無料版) をインストールして有効化します。Formidable Forms Lite は Pro バージョンの高度な機能のベースとなります。詳しくはWordPress プラグインのインストール方法をご覧ください。

設定が完了したら、Formidable ” General Settingsに移動します。そして、「クリックしてライセンスキーを手動で入力する」リンクをクリックしてください。

Formidable Forms license key

ライセンスキーは Formidable Forms アカウントのダウンロードセクションにあります。

このボックスにライセンスキーを貼り付け、「Save License」ボタンをクリックしてください。

Enter Formidable Forms license key

ライセンスキーを有効化した後、WordPress メニューから Formidable Forms を選択します。

次に、「新規追加」ボタンをクリックします。

Creating a new form using Formidable Forms.

使いたいテンプレートを選択します。予約フォームを作成するので、イベント企画カテゴリーに焦点を当てると良いでしょう。

このカテゴリーのテンプレートをすべて表示するには、検索フィールドに「Event Planning」と入力してください。イベント企画カテゴリーが表示されたら、クリックしてください。

The Event Planning template library.

使いたいテンプレートを選んでください。スクリーンショットではすべて’Travel Booking’テンプレートを使用しています。

テンプレートを選択したら、名前を付け、説明を入力します。そして「作成」ボタンをクリックします。これで Formidable Forms エディターでテンプレートが起動します。

The Formidable Forms drag and drop editor.

フィールドを編集するには、そのフィールドをクリックしてください。Formidable Formsのサイドバーに選択したフィールドの設定がすべて表示されます。

このサイドバーにはフォームに追加できる様々なフィールドがあります。これらのフィールドを使用して、訪問者からより多くの情報を収集したり、選択肢を与えたりすることができます。例えば、海の見える部屋をリクエストさせたり、食事に関する必須事項を尋ねたりすることができます。

また、ドラッグ&ドロップで各フィールドの外観を変更することもできます。

デザインに満足したら、「更新」をクリックして変更を保存します。

もし誰かがあなたの予約フォームに入力したら、あなたはそのことを知りたいと思うでしょう!Formidable FormsはWPFormsと同様に初期設定でWordPress管理画面へメールを送信します。

もしご希望であれば、Formidable Formsに他のアドレスにメールを送るように指示することもできます。複数のアカウントにメールを送信することもできます。

これらの初期メールをカスタマイズするには、「設定」タブをクリックします。次に、左側のメニューから「アクションと通知」を選択します。

Configuring the booking form notifications.

次に、「メール送信」アイコンをクリックします。これにより、メール通知の設定に必要なすべての設定がある新しいセクションが追加されます。これには、メールの受信者を変更したり、受信者を追加したりすることもできます。

最後のステップはWordPressサイトに予約フォームを追加することです。

画面の一番上にある「埋め込み」ボタンをクリックしてください。ポップアップが開き、このフォームを既存のページに追加するか、新規ページを作成するかを選択できます。

How to add a booking form to your WordPress website.

もう一つのオプションはウィジェットにこのフォームを追加することです。これはあなたのテーマのサイドバーやヘッダーに予約フォームを表示する簡単な方法です。

フォームをウィジェットに追加したい場合は、手動で挿入オプションをクリックしてください。Formidable Formsがショートコードを表示します。このコードをコピー&ペーストして任意のショートコードブロックに貼り付けることができます。

この投稿がWordPressで予約フォームを作成する方法を学ぶ手助けになれば幸いです。また、メールマガジンの作成方法やビジネスサイトに必須のWordPressプラグインのリストもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

1件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。