WordPressでホテルの部屋の予約フォームを追加する方法

公開: 2023-02-09
How to create a hotel room booking form

顧客がウェブサイトからホテルの部屋を簡単に予約できるようにしたいとお考えですか?

顧客が利用可能な日付を表示し、希望する部屋を予約できる予約システムを作成できます。 予約を確定する前に問い合わせを行うオプションもあります。 最も重要なことは、ユーザーが予約フォームを送信したときにすぐに通知を受ける必要があることです。

このガイドでは、オンラインでホテルを効率的に予約できるように、WordPress サイトに予約フォームを設定する方法を紹介します。

ホテルの部屋の予約フォームを作成するには何が必要ですか?

少し前までは、Web サイトでホテルの部屋の予約システムを作成するには、コーディングを知っているか、開発者を雇う必要がありました。 もうそうじゃない。

WPForms などのプラグインを使用すると、WordPress の基本的な知識があれば自分で設定できます。

wpforms

WPForms は、市場で最高の WordPress フォームビルダーです。 使い方はとても簡単で、初心者に最適なオプションです。

Web サイト用のあらゆる種類のフォームを作成できます。 たとえば、ホテルの場合、連絡先フォーム、問い合わせフォーム、予約フォームを表示したい場合があります。

また、忠実なリピーターに、自分のメンバー アカウントにログインして特別な特典を得るオプションを提供することもできます。 WPForms を使用すると、登録フォームとログイン フォームも簡単に作成できます。

さらに、求人応募フォームをキャリア セクションに追加して、ホテルで募集中のポジションを埋めることもできます。

ホテルのオーナーは、WPForms でファイルのアップロードを受け入れることができるので、顧客は ID 証明をアップロードできます。 求職者は、履歴書とカバーレターを送付できます。

このプラグインが提供するアドオンも気に入るはずです。 たとえば、ユーザーがフォームに入力したデータを保存できる「保存して続行」オプションがあります。 後で戻ってきて、中断したところから再開できます。

もう 1 つのすばらしいアドオンは User Journey です。 これにより、訪問者がどのようにしてあなたのウェブサイトを見つけ、どのページにアクセスし、予約フォームを送信する前に行ったその他すべての手順を確認できます。 これらの重要な洞察を使用して、マーケティング活動をより最適化できます。

私たちは WPForms が大好きで、自分のサイトで使用しています。 いくつかの理由を次に示します。

  • 必要なあらゆる種類のフォームのテンプレート
  • 簡単なドラッグ アンド ドロップ フォーム ビルダー
  • 高度なマーケティング統合
  • 支払いの統合
  • 調査と投票
  • ユーザーセグメンテーション
  • エントリー管理
  • インスタント電子メール通知
  • 組み込みのスパム保護
  • 顧客への自動確認メール

それは、このプラグインのハイライトをいくつか挙げただけです。 WPForms には多くの機能があり、それについてはガイドで詳しく説明しています: WPForms レビュー: 宣伝する価値はありますか? [必読]

このタスクに WPForms を選んだ理由は、2 分でウェブサイトに追加できるすぐに使えるホテル予約フォームがあるからです。 これは、Pro プランで利用できます。

ただし、WPForms には、WordPress リポジトリからダウンロードできるライト バージョンがあります。 このプラグインを使用すると無料で簡単な予約フォームを作成できますが、すべての予約を 1 か所で表示するためのエントリ管理など、ホテルに不可欠な機能は利用できません。

代わりに、年間 49.50 ドルで少なくとも WPForms Basic バージョンを入手することをお勧めします。 これにより、予算が限られている場合でも、適切な機能をすべて使い始めることができます。

このチュートリアルでは、WPForms Pro を使用して、このプラグインの機能を実際に示します。 始めましょう。

WordPress でホテルの部屋の予約フォームを作成する方法

先に進むには、WordPress サイトをセットアップする必要があります。 そうでない場合は、WordPress サイトを作成するために使用できる役立つガイドを次に示します。

ステップ 1: WPForms を入手する

まず、WPForms アカウントにサインアップする必要があります。

これにより、独自の WPForms アカウント ダッシュボードにアクセスできるようになります。 [ダウンロード] タブに、プラグインのダウンロード ファイルとライセンス キーが表示されます。

wpforms-pro-license

プラグイン ファイルをダウンロードして、WordPress サイトにインストールする必要があります。 前にこれをやったことがありませんか? WordPress プラグインのインストール方法に関する簡単なガイドに従ってください。

WPForms プラグインをインストールして有効化したら、WordPress 管理ダッシュボードでWPForms » 設定を開きます。 プロ機能を有効にするには、ここにライセンス キーを入力する必要があります。

WPForms license page

[ Verify Key ] ボタンをクリックすると、検証成功メッセージが表示されます。

これで、ホテル予約フォームを設定する準備が整いました。

WPForms » Add Newタブの下に、テンプレート ライブラリが表示されます。 まず、フォームの名前を追加して、WPForms ダッシュボードで簡単に識別できるようにします。

利用可能な検索バーに「ホテル」と入力すると、使用できるすべての関連テンプレートが表示されます。

hotel room booking template

各テンプレートのデモを表示して、どのテンプレートが最適かを確認できます。 すべてのテンプレートは簡単にカスタマイズできるため、必要に応じてフィールドを追加/削除/編集できます。

テンプレートを選択すると、ビジュアル フォーム ビルダーが開きます。 これにより、フォームがサイト上でライブになったときに表示されるように、フォームを編集できます。 正しくできているかどうかを確認するために、プレビューを行ったり来たりする必要はありません。

新しいフィールドを追加するには、使用可能なフィールドをフォームにドラッグするだけです。 それは本当に簡単です。 既存のフィールドをドラッグ アンド ドロップして、フォームの詳細の順序を並べ替えることもできます。

WPForms drag and drop builder

WPForms では以下を追加できます。

  • ドロップダウン メニュー
  • 複数の選択肢
  • チェックボックス
  • 数字
  • ナンバースライダー

選択したプランによっては、ファイルのアップロードなどの高度なフィールドを追加するオプションも利用できます。 支払いフィールドも表示されます。

payment fields

これにより、ユーザーは記載されたレートで部屋を選択できます。 その後、合計請求額を確認し、オンラインで支払いを行って予約を確認できます。

支払いオプションを追加するには、必要な支払い統合アドオン (Stripe、Authorize.net、Square、PayPal など) をインストールしてアクティブ化する必要があります。 詳細な手順については、次のガイドに従ってください: Stripe Payments を受け入れる方法。 および WordPress に Square Payments を追加する方法。

次に、任意のフィールドのテキストをカスタマイズする必要がある場合は、フィールドを選択して左側のタスクバーにオプションを表示します。

edit field in wpforms

ラベル、説明、および形式を変更できます。 フィールドを必須フィールドとしてマークすることもできます。 そうすれば、ユーザーが自分の名前または電子メールを入力していない場合、フォームを送信できなくなります。

WPForms はシンプルに見えますが、本当に素晴らしいことができます。 たとえば、実際にホテルを販売するために画像付きの利用可能な部屋のカタログを追加する場合は、次のことを行う必要があります。

まず、部屋の好みのフォーム フィールドを選択します。 左側のパネルに [画像の選択肢を使用] オプションが表示されます。 このオプションを有効にすると、各フィールドに画像を追加できるボタンが表示されます。

use images in form

ここで画像をアップロードできるようになりました。 WPForms は、同じサイズの 250×250 ピクセルを使用することを推奨しています。 これにより、すべてのデバイスでカタログが見事に表示されます。

以下の例を見てください。 フォームは、顧客が予約時に期待できる部屋の写真を追加すると、より魅力的に見えます。

images-in-booking-form

フォームのカスタマイズが完了したら、上部にある [保存] ボタンをクリックしてすべての変更を保存してください。

これでホテル予約フォームの準備が整いましたが、公開する前に、いくつかの重要な設定を構成しましょう。

ステップ 3: フォーム通知を設定する

ユーザーがフォームを送信すると、自動返信メールを送信できます。 新しいサブスクライバーについて、自分自身またはチームにメール アラートを送信することもできます。

[設定] » [通知] タブの下に、既定の通知が既に設定されていることがわかります。 これにより、フォーム エントリのコピーが管理者の電子メールに送信されます。

admin email notification in wpforms

これらの通知を使用する方法は複数あります。 同じメールを自分の受信トレイと顧客の受信トレイに送信したい場合は、[スマート タグを表示] を選択して電子メールを選択できます。

choose-user-email

これにより、フォームに入力された電子メール アドレスが自動検出されます。 複数の電子メール アドレスを追加する場合は、それらがコンマで区切られていることを確認する必要があります。

上部の [新しい通知を追加] ボタンを使用して、別の通知を設定することもできます。 これにより、自分またはチーム用に 1 つ作成し、顧客用に別の 1 つを作成できます。

admin email notification in wpforms

この下で、電子メール メッセージを編集して、よりパーソナライズすることができます。

custom room booking email notification

これでメール通知の設定が完了しました。次に、Web サイト自体に表示される確認メッセージを確認します。

[確認] タブの下に、既に設定されているメッセージが表示されます。 これは、ユーザーがフォームを送信したときに Web サイトに表示されます。

onscreen room booking confirmation

ここで、ユーザーがフォームを送信したときの動作を変更できます。 WPForms では次のことができます。

  • メッセージを表示する:彼らに感謝したり、サブスクリプションを確認したりできます。
  • ページを表示:お礼のページなど、Web サイトの任意のページを表示できます。
  • URL にリダイレクト:これにより、Web サイトの一部ではないサードパーティの Web ページに移動できます。
confirmation in wpforms

これらのオプションを追加するのは非常に簡単なので、ここでは詳しく説明しません。 これについては、ガイドで詳しく説明しています: 適切なフォームの通知と確認を設定する方法.

ステップ 4: メール マーケティングに接続する

フォームを電子メール マーケティングに接続し、すべての新しい見込み客を電子メールの連絡先リストに追加できます。

[マーケティング] タブの下に、利用可能な統合オプションが表示されます。 お気に入りのプロバイダーを選択するだけで、そのプロバイダーのマーケティング アドオンをインストールしてアクティブ化するオプションが表示されます。

アクティブ化したら、[新しい接続の追加] ボタンを選択してクリックできます。 その後、画面の指示に従ってアカウントに接続できます。 ほとんどの場合、メール プロバイダーから提供された認証コードまたは API キーを入力する必要があります。

add new connection in wpforms

HubSpot、Zapier、Uncanny Automator などのコンテンツ マーケティングおよび自動化プラットフォームに接続することもできます。

これで、フォームを公開する準備が整いました。

ステップ 5: ホテルの客室予約フォームを発行する

WPForms を使用すると、サイトの任意のページ、投稿、またはウィジェット対応エリアにフォームを非常に簡単に追加できます。

フォーム ビルダー内で、ページの上部にフォームを埋め込むオプションが表示されます。 これにより、既存のページを選択したり、新しいページを作成してフォームを追加したりすることが簡単になります。

Embed WPForms

ここでエディターを終了して、いつでもフォームを埋め込むこともできます。 これを行うには、ブロック エディターでページまたは投稿を開くだけです。 新しいブロックを追加し、「WPForms」を検索します。

このブロックを追加すると、作成したばかりのオプトイン フォームを選択できるドロップダウン メニューと共に WPForms マスコットが表示されます。

add wpforms in block editor

このウィジェットは、SeedProd や Elementor などの一般的なすべての WordPress ビルダーで利用できます。 まだクラシック エディターを使用している場合は、フォームを選択して埋め込むためのボタンが表示されます。

フッター、ヘッダー、またはサイドバー内にフォームを表示する場合は、[外観] » [ウィジェット] タブに移動します。 ここでは、同じウィジェットを使用して WPForms ブロックをフッターまたはサイドバーに追加できます。

それでおしまい! Web サイト用のホテル予約フォームが正常に作成されました。

コンバージョンを高めるには、OptinMonster をチェックしてみてください。 このツールを使用すると、ホテルの Web サイト用に魅力的なポップアップ、スクロール ボックス、ウェルカム マット、スライドインを作成できます。 これを使用して、メール ニュースレターやプロモーションの見込み客や購読者を増やすことができます。

また、ホテルのサイトに TrustPulse を気に入っていただけるかもしれません。 サイトでの最近のアクティビティの通知を、邪魔にならない小さなポップアップで表示できます。

trustpulse new homepage

たとえば、最近部屋を予約した人、予約ページを閲覧している人数、部屋を予約した人数を表示できます。 ホテルの最新のレビューを表示することもできます。 すべてのポップアップはクリック可能であるため、予約ページやその他のランディング ページへのリンクを追加できます。

trustpulse review popups

TrustPulse では、静的メッセージを作成してユーザーの注意を引き、今すぐ部屋を予約することもできます。

それだけです。 ホテルの部屋の予約フォームを作成する方法がわかったので、次の関連ガイドを参照してください。

  • WordPressでセールスファネルを構築する方法(初心者向けガイド)
  • WordPressビジネスを成長させるためにオンラインレビューを増やす方法
  • Google アナリティクスで WordPress フォーム トラッキングを設定する方法

これらの記事は、ビジネスを後押しし、何が効果的かについての洞察を得るのに役立ちます。