シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WordPressイベント登録フォームの作り方

WordPressイベント登録フォームの作り方(ステップバイステップ) 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

私が初めてWordPressサイトに登録フォームが必要になったときのことを覚えている。私が使っていた基本的なお問い合わせフォームでは不十分でした。私は、支払いを処理し、ユーザーからより詳細な情報を収集できるものが必要でした。

様々なフォームプラグインを試したり、他のウェブサイトオーナーのフォーム作成を手伝ったりするうちに、何が効果的か(そして何が効果的でないか)を正確に知ることができました。

イベント登録フォームを作成するには、適切なツールと手順が必要です。このステップバイステップガイドでは、その方法をご紹介します。

なぜWordPressでイベント登録フォームを作るのか?

ウェブサイトにイベント登録ページを設ければ、参加希望者は必要な情報を得ることができます。また、そのページにイベント登録フォームを追加すれば、チケットもそこで購入することができ、すべてを一か所で管理することができます。

オンライン登録には、次のようなメリットもある:

  • チケットの確保は、電話で予約したり、直接来店したりするよりも短時間で済む。
  • プロモーションを実施することで、より多くの人にイベントへの申し込みや登録を促すことができます。
  • リターゲティングスクリプトを使えば、登録のリマインダーとして広告を配信することができます。
  • オンライン・プレゼントを実施して、イベント登録ページへのトラフィックを増やすことができます。
  • あなたのフォームは、イベント企画に役立つデータを収集するための優れたツールです。

このように、WordPressでイベント登録フォームを作成することで、イベントの企画、運営、参加者の増加に大きな効果を発揮します。

WordPressイベント登録フォームの作成手順

WordPressでイベント登録フォームを作成する手順をまとめました。下のリンクをクリックすると、必要なステップにジャンプします:

ビデオ・チュートリアル

ステップ1:WPFormsプラグインをインストールする

WordPressでイベント登録フォームを作成する最初のステップは、その作業に最適なツールを見つけることです。このチュートリアルでは、WPFormsを使って登録フォームを作成します。

WPFormsは最も使いやすいWordPressフォームプラグインです。600万以上のサイトでWPFormsを使用して強力なフォームを作成しており、イベント登録フォームの作成にも最適です。

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

WPFormsのレビュー

WPFormsプラグインを入手し、WordPressプラグインをインストールし、あなたのサイトで有効化してください。

次に、Form Templates Pack アドオンをインストールします。この機能により、WordPress のカスタマイズされたフォームを作成するために、既製のイベント登録フォームテンプレートやその他多くの業界固有のテンプレートにアクセスすることができます。

アドオンをインストールしたら、WPForms " Addonsに移動し、Form Templates Packアドオンが見つかるまで下にスクロールしてください。

WPForms用フォームテンプレートパックアドオン

次に、アドオンのインストールと アクティベーションをクリックします。

これでイベント登録フォームを作成する準備ができました!

さらに読む カスタムフィールドを使った WordPress ユーザー登録フォームの作り方

ステップ2: WordPressイベント登録フォームテンプレートを選ぶ

次のステップでは、WPForms " Add New.

そして次の画面で、フォームに名前をつけ、「追加テンプレート」というセクションに到達するまでページをスクロールしてください。

検索バーに「イベント登録フォーム」と入力すると、テンプレートが下に表示されます。テンプレートをクリックすると、新しい登録フォームが作成されます。

イベント登録フォームテンプレート

それでは、フォームのカスタマイズに移りましょう。

ステップ 3: 登録フォームのカスタマイズ

イベント登録フォームのカスタマイズ

WPFormsで登録フォームをカスタマイズするのはとても簡単です。フォームビルダーでは、以下のようなフォームフィールドが自動的に追加されます:

  • 氏名:出席者の氏名を記入。
  • 住所:チケットの送り先がわかるように。
  • ご自宅の電話:ご連絡を取りやすくするため。
  • 勤務先電話:個人番号で連絡が取れない場合に備えて。
  • Eメール:購入確認とデジタルチケットを送信するため。
  • 複数選択:フォームに追加オプションを追加します。
  • 一行テキスト:お客様がより多くの情報を追加するためのものです。
  • ドロップダウン:ユーザーがチケットの枚数を選択できます。

左側の列から右側に要素をドラッグすることで、フォームにフィールドを追加することができます。フィールドをクリックすると、ラベルや内容をカスタマイズできます。

例えば、イベントチケットの支払いをフォームで集める場合、支払いフィールドをフォームにドラッグして追加することができます。 

イベント登録フォームに支払いを追加する方法をもう少し詳しく見てみましょう。

フォームからフィールドを削除する

まず、赤いゴミ箱アイコンをクリックして、フォームからドロップダウンフィールドを削除します。次に、支払いフィールドセクションに移動し、複数項目フィールドをクリックします。

フォームフィールドをクリックし、ラベルをフォームに適したものに編集します。次に、各チケットの金額を該当する項目に追加します。フォームに3枚以上のチケットを追加するには、プラス(+)アイコンをクリックします。

複数項目のイベント登録フォームフィールド

イベントに登録し、チケットの枚数を選択すると、合計金額が表示されます。 

カスタマイズが完了したら、「保存」をクリックし、次のステップに進みます。

ステップ 4: フォームの設定を確認する

フォームの設定を行いましょう。設定 " 一般 で設定できます。 

イベント登録フォームの一般設定

このページでは、以下の設定をカスタマイズできます:

  • フォーム名- フォームに新しい名前を付けます。
  • フォームの説明 - 何のためのフォームかを覚えておくための説明を追加します。
  • 送信ボタンのテキスト- 送信ボタンのラベルを "今すぐ登録 "のように変更してください。
  • アンチスパム- アンチスパムのハニーポット機能を使用して、スパム登録を防ぎ、ウェブサイトを保護します。
  • 情報保存- GDPRに準拠するため、IPアドレスのような機密情報の保存を無効にします。

設定に満足したら、Saveボタンをクリックします。

ステップ 5: フォーム通知の設定

WPFormsのNotificationsは、誰かが登録フォームを使ってイベントに登録するたびにメールを送信します。デフォルトで有効になっているこのオプションを無効にしなければ、毎回メールが届きます。

登録フォームの通知設定

登録とチケット購入を受け取ったことをユーザーに知らせたい場合、スマートタグを使ってメールを送ることができます。これにより、フォームが正常に通過し、詳細についてすぐに連絡することを安心させることができます。

フォーム通知の設定方法については、こちらのドキュメントをご覧ください。

変更が完了したら、忘れずに「保存」ボタンをクリックして変更を保存してください。その後、フォームの確認メッセージの設定に進むことができます。

ステップ6:フォームの確認を定義する

WPForms の Confirmations エリアでは、ユーザーがフォームを正常に送信したときにメッセージを表示することができます。フォームが処理されたことや、次にどのようなステップを踏むべきかを知らせる優れた方法です。

WPFormsには以下の3つの確認タイプがあります:

  1. メッセージ- これはデフォルトの確認タイプです。ユーザーがイベント登録フォームを送信すると、フォームが正常に通過したことを知らせる簡単なメモが表示されます。
  2. ページを表示- このタイプは、訪問者をウェブサイトの特定のページに誘導します。多くの場合、登録に対するお礼のページです。
  3. Go to URL (Redirect) - 訪問者を別のウェブサイトに送りたい場合にこのオプションを使用します。

確認メッセージの設定はとても簡単です。まず、フォームビルダーの設定ページから確認タブをクリックします。

フォームの確認

次に、登録フォームに必要な確認のタイプを選択します。この例では、メッセージタイプを使用しています。

次に、ブランディングに合わせてメッセージをカスタマイズし、「保存」をクリックします。

では、フォームの支払い設定を見てみましょう。

ステップ 7: フォームの支払い設定を選択する

チケットを販売し、イベント登録フォームで支払いを集める場合、支払いが正しく処理されるようにフォームの支払い設定を定義する必要があります。

WPFromsにはPayPalと Stripeのアドオンがあります。もし、これらのアドオンを使用して支払いを行いたい場合は、該当するアドオンをインストールし、有効化してください。

WPFormsのドキュメントにPayPalをインストールする手順があります。また、Stripeの接続方法はこちらのドキュメントを参照してください。

選択した支払いアドオンがWordPressサイトにインストールされたら、フォームエディターでPaymentsをクリックして設定を行います。

フォーム支払い設定

この例では、PayPalアドオンを使用しています。

このページでは、まずPayPalのEメールアドレスを入力します。次に、Productionmodeを選択し、Products and Servicesを支払いタイプとして選択します。 

イベント登録フォーム PayPal設定

他の設定もお好みに合わせて調整してください。終わったら、保存をクリックします。

ユーザーに支払い方法を選択させる方法については、ドキュメントをご覧ください。これは、あなたの訪問者が商品やサービスの支払いに他の方法を使用することを知っている場合、非常に便利です。

すべての設定が完了したら、WordPressにイベント登録フォームを追加する準備ができました。

ステップ 8: WordPressでイベント登録フォームを公開する。

多くのWordPressイベント登録プラグインとは異なり、WPFormsはWordPressウェブサイトのほとんどどこにでもフォームを追加することができます。投稿、ページ、そしてWordPressのサイドバーウィジェットにもフォームを公開することができます。

WordPressの新しいページに登録フォームを埋め込む方法を見てみましょう。

まず、WordPressのダッシュボードからページ " 新規追加に進み、新しいページを追加します。次に、プラス(+) アイコンをクリックして、新しいコンテンツブロックを追加します。

新しいWordPressコンテンツブロックを追加する

検索ボックスに "WPForms "と入力してWPFormsコンテンツブロックを探し、クリックしてWordPressエディタに追加する。

ページエディタにWPFormsウィジェットが表示されたら、ドロップダウンメニューをクリックしてイベント登録フォームを探します。これでフォームがページに追加され、公開前にどのように見えるかプレビューすることができます。

ドロップダウンボックスからフォームを選択します。

フォームが完成したら、「公開」をクリックします。

WordPressイベント登録フォームを公開する

ボーナス:カスタムイベント登録ページの作成

登録フォームは重要ですが、さらに一歩進んでみませんか?ドラッグ&ドロップでWordPressページを作成できるSeedProdを使ってイベント登録専用のランディングページを作成することができます。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

ランディングページを充実させれば、こんなことができる:

  • イベントの詳細を表示する
  • 講演者の経歴と写真を追加
  • イベントスケジュールを含む
  • 会場情報と地図を表示
  • 過去のイベントからの証言のような社会的証拠を加える
  • 登録フォームをブランドと一致させる

一番の利点は?コーディングの知識は必要ありません。SeedProdのビジュアルエディタを使えば、必要な場所に要素をドラッグ&ドロップするだけで、プロ並みのページを作ることができます。

イベント登録ランディングページ

さらに、SeedProdにはあなたのイベント用にカスタマイズできるランディングページのテンプレートがあらかじめ用意されています。テンプレートを選び、色とコンテンツを変更し、登録フォームを追加するだけです。

方法を知りたいですか?フォームを使ったランディングページの作り方をステップバイステップでご紹介しています。あっという間にプロフェッショナルなイベント登録ページが完成します。

イベント登録

イベントの参加者を増やし、チケットの売り上げを急増させるためのWordPressイベント登録フォームの作成方法がお分かりいただけたと思います。

WPFormsで作成できる他のフォームに興味がある方は、他のフォームチュートリアルをご覧ください:

この記事が気に入ったら、Facebookや TwitterでWordPressチュートリアルをフォローするのをお忘れなく。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。

コメント

  1. 役に立つ記事をありがとう。

    エクセルにダウンロードできるように、フォームから登録した人のデータをどこで入手できるか教えてください。

コメントは受け付けていません。