WordPressサイトに登録フォームが必要になったのは、私が初めてでした。当時使用していた基本的なお問い合わせフォームでは不十分でした。支払いを受け付け、ユーザーからより詳細な情報を収集できるものが必要でした。
多くの異なるフォームプラグインを試したり、他のウェブサイト所有者のフォーム作成を手伝ったりした結果、何が効果的で(そして何が効果的でないか)を正確に理解しました。
良いニュースは、イベント登録フォームを作成するには、適切なツールと手順が必要なだけだということです。そして、このステップバイステップガイドで、まさにそれを達成する方法をお見せします。
WordPressでイベント登録フォームを作成する理由
ウェブサイトにイベント登録ページがあれば、参加に関心のある人は必要な情報を得ることができます。そして、そのページにイベント登録フォームを追加すれば、そこでチケットを購入することもでき、すべてを1か所にまとめることができます。
オンラインで登録できるようにすることには、以下の利点もあります:
- 電話で予約したり、直接お店に来たりするよりも、チケットを確保するのにかかる時間が短くなります。
- プロモーションを実施して、より多くの人にイベントへの参加登録を促すことができます。
- リターゲティングスクリプトを使用すると、登録を促すリマインダーとして広告を表示できます。
- イベント登録ページへのトラフィックを増やすためにオンライン懸賞を実施することができます。
- フォームは、イベント計画に役立つデータを収集するための優れたツールです。
お分かりの通り、WordPressでイベント登録フォームを作成することは、イベントの計画、実施、そして参加者数を増やす上で素晴らしい効果を発揮します。
WordPressイベント登録フォームを作成する手順
WordPressでイベント登録フォームを作成する手順の概要を以下に示します。必要な手順にジャンプするには、以下のいずれかのリンクをクリックしてください:
ビデオチュートリアル
ステップ1:WPFormsプラグインをインストールする
WordPressでイベント登録フォームを作成する最初のステップは、そのための最適なツールを見つけることです。このチュートリアルでは、登録フォームの作成にWPFormsを使用します。
WPFormsは、最も使いやすいWordPressフォームプラグインです。600万以上のウェブサイトが強力なフォームを作成するためにWPFormsを使用しており、イベント登録フォームの作成にも最適です。
詳細については、この詳細なWPFormsレビューをご覧になってはいかがでしょうか?

開始するには、こちらからWPFormsプラグインを入手し、次にWordPressプラグインをインストールしてサイトで有効化してください。
次に、Form Templates Packアドオンをインストールします。この機能を使用すると、既製のイベント登録フォームテンプレートや、カスタマイズされたWordPressフォームを作成するための他の多くの業界固有のテンプレートにアクセスできます。
アドオンをインストールしたら、WPForms » Addons に移動し、Form Templates Pack アドオンが見つかるまで下にスクロールします。

次に、Install Addon をクリックし、Activate をクリックします。
これでイベント登録フォームを作成する準備が整いました!
関連記事: カスタムフィールドを使用してWordPressユーザー登録フォームを作成する方法
ステップ2:WordPressイベント登録フォームテンプレートを選択する
次のステップでは、WPForms » Add New に移動します。
次に、次の画面でフォームに名前を付け、ページを下にスクロールして Additional Templates というセクションに到達します。
検索バーに「event registration form」と入力すると、テンプレートが下に表示されます。テンプレートをクリックすると、新しい登録フォームが作成されます。

次に、フォームのカスタマイズに進みましょう。
ステップ3:登録フォームをカスタマイズする

WPForms で登録フォームをカスタマイズするのは非常に簡単です。フォームビルダー内には、以下のようなさまざまなフォームフィールドが自動的にフォームに追加されているのがわかります。
- 名前: 参加者が自分の名前を追加するため。
- 住所: 物理的なチケットをどこに送るかを知るため。
- 自宅電話: 連絡を取りやすくするため。
- 職場電話: 個人の番号で連絡が取れない場合に備えて。
- メール: 購入確認とデジタルチケットを送信するため。
- 複数選択: フォームにオプションを追加するため。
- 一行テキスト: 顧客が追加情報を提供するため。
- ドロップダウン: ユーザーがチケットの枚数を選択するため。
左側の列から右側に要素をドラッグすることで、フォームにフィールドを追加できます。フィールドをクリックすると、ラベルとコンテンツをカスタマイズできます。
たとえば、フォームでイベントチケットの支払いを受け付けている場合は、支払いフィールドをフォームにドラッグして追加できます。
イベント登録フォームに支払いを追加する方法を詳しく見てみましょう。

まず、赤いゴミ箱アイコンをクリックして、フォームからドロップダウンフィールドを削除します。次に、Payment Fields セクションに移動し、Multiple Items フィールドをクリックします。
フォームフィールドをクリックし、ラベルをフォームに適した名前に編集します。次に、各チケット金額の価格を関連する項目に追加します。フォームに3枚以上のチケットを追加するには、プラス(+)アイコンをクリックします。

これで、人々がイベントに登録して希望するチケットの枚数を選択すると、合計金額が表示されます。
カスタマイズに満足したら、Save をクリックして次のステップに進みます。
ステップ4:フォームの設定を確認する
次に、フォームの設定を構成します。これは、Settings » General に移動することで行えます。

このページでは、次の設定をカスタマイズできます。
- フォーム名 – 必要に応じて、フォームに新しい名前を付けます。
- フォームの説明 – フォームの目的を覚えておくのに役立つ説明を追加します。
- 送信ボタンのテキスト – 送信ボタンのラベルを「今すぐ登録」のようなものに変更します。
- スパム対策 – スパム登録を防ぐためにスパム対策のハニーポット機能を使用し、ウェブサイトを保護してください。
- 情報の保存 – GDPRに準拠するために、IPアドレスなどの機密情報の保存を無効にします。
設定が完了したら、保存ボタンをクリックします。
ステップ5:フォームの通知を設定する
WPFormsの通知は、登録フォームを使用してイベントに登録したときにメールを送信します。デフォルトで有効になっているこのオプションを無効にしない場合、毎回メールが届きます。

ユーザーに登録とチケット購入を受け付けたことを知らせたい場合は、スマートタグを使用してメールを送信できます。これにより、フォームが正常に処理されたこと、および詳細についてすぐに連絡があることをユーザーに安心させることができます。
フォーム通知の設定方法については、ドキュメントで確認できます。
変更を保存するには、完了したら保存ボタンをクリックすることを忘れないでください。その後、フォームの確認メッセージの設定に進むことができます。
ステップ6:フォームの確認を設定する
WPFormsの確認画面では、ユーザーがフォームを正常に送信したときにメッセージを表示できます。これは、フォームが処理されたこと、および次に取るべき手順をユーザーに知らせるのに役立ちます。
WPFormsには、次の3つの確認タイプがあります。
- メッセージ – これはデフォルトの確認タイプです。ユーザーがイベント登録フォームを送信すると、フォームが正常に処理されたことを示す簡単な通知が表示されます。
- ページ表示 – このタイプは、訪問者をウェブサイトの特定のページに誘導します。多くの場合、登録してくれたことへの感謝を示すサンキューページです。
- URLに移動(リダイレクト) – 訪問者を別のウェブサイトに送信したい場合に使用します。
確認メッセージの設定は非常に簡単です。まず、フォームビルダーの設定ページから確認タブをクリックします。

次に、登録フォームで使用したい確認タイプを選択します。この例では、メッセージタイプを使用します。
次に、ブランドに合わせてメッセージをカスタマイズし、保存をクリックします。
次に、フォームの支払い設定を見てみましょう。
ステップ7:フォームの支払い設定を選択する
イベント登録フォームでチケットを販売し、支払いを受け付ける場合は、支払いが正しく処理されるようにフォームの支払い設定を定義する必要があります。
WPFromsには、フォーム経由での支払いを受け付けるためのPayPalおよびStripeのアドオンがあります。したがって、イベントの支払いを受け付けるためにこれらのいずれかのオプションを使用したい場合は、関連するアドオンをインストールして有効にする必要があります。
WPFormsのドキュメントには、PayPalのインストール手順が記載されています。また、ドキュメントでStripeの接続方法を学ぶことができます。
選択した支払いアドオンがWordPressサイトにインストールされたら、フォームエディタで支払いをクリックして設定を構成します。

この例では、PayPalアドオンを使用します。
このページでは、まずPayPalのメールアドレスを入力します。次に、本番稼働モードを選択し、支払いタイプとして商品とサービスを選択します。

次に、必要に応じて他の設定を調整します。完了したら、保存をクリックします。
ドキュメントで、ユーザーが自分で支払い方法を選択できるようにする方法を学ぶことができます。これは、訪問者が商品やサービスの支払いにも他の方法を使用していることがわかっている場合に非常に役立ちます。
すべて設定したら、WordPressにイベント登録フォームを追加する準備ができました。
ステップ8:WordPressでイベント登録フォームを公開する
多くのWordPressイベント登録プラグインとは異なり、WPFormsではフォームをWordPressウェブサイトのほぼどこにでも追加できます。投稿、ページ、さらにはWordPressサイドバーウィジェットにフォームを公開できます。
WordPressの新しいページに登録フォームを埋め込む方法を見てみましょう。
まず、WordPressダッシュボードからページ » 新規追加に移動して新しいページを追加します。次に、プラス(+)アイコンをクリックして新しいコンテンツブロックを追加します。

検索ボックスに「WPForms」と入力してWPFormsコンテンツブロックを見つけ、クリックしてWordPressエディターに追加します。
WPFormsウィジェットがページエディターに追加されたら、ドロップダウンメニューをクリックしてイベント登録フォームを見つけます。これにより、フォームがページに追加され、公開前にどのように見えるかを確認できます。

フォームに満足したら、公開をクリックして、サイト訪問者がウェブサイトでライブで見られるようにします。

ボーナス:カスタムイベント登録ページを作成する
登録フォームは重要ですが、さらに一歩進んでみませんか?ドラッグアンドドロップ式のWordPressページビルダーであるSeedProdを使用して、専用のイベント登録ランディングページを作成できます。

完全なランディングページで、次のことができます。
- イベントの詳細を表示する
- 講演者の経歴と写真を追加する
- イベントスケジュールを含める
- 会場情報と地図を表示する
- 過去のイベントからの証言などのソーシャルプルーフを追加する
- 登録フォームをブランドに合わせる
一番良いところは?コーディングの知識は必要ありません。SeedProdのビジュアルエディターを使用すると、要素を好きな場所にドラッグアンドドロップするだけで、プロフェッショナルな見た目のページを作成できます。

さらに、SeedProdには、イベントに合わせてカスタマイズできる既製のランディングページテンプレートが付属しています。テンプレートを選択し、色とコンテンツを変更して、登録フォームを追加するだけです。
方法を知りたいですか?フォーム付きランディングページの作成方法に関するステップバイステップガイドをご覧ください。すぐにプロフェッショナルなイベント登録ページを稼働させることができます。
イベント登録を開始する
これで、WordPressイベント登録フォームを作成して、イベントへの参加を増やし、チケット販売を急増させる方法がわかりました。
WPFormsで作成できる他のフォームについて知りたい場合は、他のフォームチュートリアルをご覧ください。
- WordPressでマルチステップフォームを作成する方法
- WordPressでファイルアップロードフォームを作成する方法
- WordPressでTypeformスタイルのフォームを作成する方法
- WordPress サイト用のオンライン注文フォームを作成する方法
- WordPressで問い合わせフォームを作成する方法
- WordPressウェブサイトにアンケートを追加する方法
そして、この記事が気に入った場合は、さらに役立つWordPressチュートリアルについては、FacebookとTwitterでフォローすることを忘れないでください。
こんにちは。非常に役立つ記事をありがとうございます。
Excelにダウンロードできるように、フォームから登録したユーザーのデータをどこで入手できるか教えていただけますか?
こんにちは、イスカンダルさん。フォームダッシュボードから、データをエクスポートしたいフォームをクリックします。次のページの先頭に、「すべてエクスポート」オプションがあるはずです。手順はこちらでご確認ください:https://wpforms.com/how-to-export-wordpress-form-entries-to-csv/