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 an event registration page in WordPress

なぜWordPressでイベント登録ページを作るのか?

サードパーティのイベント登録・発券ツールは市場にたくさんあります。WordPressサイトにFacebookイベントを追加することもできます。

しかし、サードパーティのイベント登録・発券サービスの多くは、チケット1枚を販売するごとに少額の手数料を請求してきます。この手数料はすぐにかさみ、予想以上の金額を支払うことになりかねません。

ソーシャルメディアやサイト上でイベントを宣伝するオプションは限られています。WordPressのイベント登録サービスの中には、イベントメールやウィジェット、チケットに自社のブランドを表示することにこだわるものがあります。

WordPressで独自のイベント登録ページを作成することで、これらの問題を回避することができます。これにより、オンライン決済を直接収集したり、参加者の情報をサイトに保存したり、イベントを宣伝する際に独自のブランド名を使用したりすることができます。

ということで、WordPressで簡単にイベント登録ページを作成する方法を見てみましょう。

WordPressでイベント登録フォームを作成する

まず始めに、ページに追加するイベント登録フォームを作成する必要があります。それにはWPFormsを使うのが一番です。初心者に優しいWordPressのお問い合わせフォームプラグインです。

WordPressのイベント登録プラグインを使えば、コードを編集することなく、すべてのタイプのフォームを作成することもできます。

最初に行う必要があるのは、WPFormsプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

あなたは、プレミアムアドオン、追加のフォームテンプレート、およびより多くのカスタマイズ機能にアクセスするには、少なくとも彼らのプロプランが必要になることに注意してください。無料で使用できるWPForms Liteバージョンもあります。

有効化した後、WordPressダッシュボードからWPForms ” 設定に向かい、ライセンスキーを入力することができます。キーはWPFormsアカウントエリアにあります。

Entering the WPForms license key

次に、支払いを受け付けるためにWPFormsで支払いサービスアドオンを有効化する必要があります。

WordPressダッシュボードからWPForms ” Addonsに移動し、PayPalアドオンに移動します。先に進み、’アドオンをインストール’ボタンをクリックします。

Install PayPal Commerce addon

アドオンが自動的にインストールされ、有効化されます。Stripeや Authorize.Netのような他の支払いアドオンについても、この手順を繰り返すことができます。

次に、WordPressダッシュボードからWPForms ” Settingsに向かい、’Payments’タブをクリックします。ここから、PayPalとStripeのアカウントを接続することができます。

Connect PayPal and Stripe

画面の指示に従って、決済ゲートウェイに接続してください。

これでWPFormsで新規フォームを作成する準備ができました。

WordPress管理エリアのWPFormsページにアクセスし、’新規追加’ボタンをクリックします。

Add new WPForms form

次に、イベント登録フォームのタイトルを入力し、テンプレートを選択する必要があります。

WPFormsにはたくさんのテンプレートが用意されています。イベント登録用のテンプレートを選択し、簡単にカスタマイズすることができます。

Select event registration form template

このチュートリアルでは、オンラインイベント登録フォームテンプレートを使用します。

その後、ドラッグ&ドロップでフォームを編集することができます。左側のカラムから新しいフォームフィールドを追加することができます。

Add form fields to template

また、任意のフィールドをポイント・アンド・クリックすることで、そのフィールドを編集または削除することができる。

例えば、「チケット必要枚数」フォームフィールドをクリックすると、左メニューにさらに多くのオプションが表示されます。フォームフィールドの選択肢とラベルを変更することができます。

Edit existing field in registration form

その後、オンライン支払いを収集するためのフォームフィールドを追加することができます。

このチュートリアルでは、Stripeクレジットカードフィールドをフォームテンプレートに追加します。

Add credit card field

次に、WPFormsフォームビルダーの’Payments’タブに移動し、支払いサービスを選択します。

例えば、Stripeを選択し、’Enable Stripe payments’ toggleをクリックします。PayPal、Authorize.Net、Squareなどの他のサービスでも同じことができます。

Enable Stripe payments in WPForms

支払いを設定したら、ユーザーとあなたの両方に通知メールを設定しましょう。

設定 ” 通知をクリックし、’新規通知を追加’ボタンをクリックしてください。

Configure event form notifications

ポップアップ・ウィンドウが開きます。

新規通知の名前を入力し、「OK」ボタンをクリックします。

Enter a name for new form notification

送信先メールアドレス」で、チケットの領収書を送信するユーザーのメールをスマートタグから選択する必要があります。

ドロップダウンオプションから、メールを選択してください。

Select user email for notification

さらにオプションを表示するには、下にスクロールする必要がある。

例えば、メッセージセクションに行き、登録のために作成したフィールドを使ってカスタマイザーメッセージを追加することができます。

Enter custom message

次に、WPForms ではフォームの確認設定を変更することもできます。フォームビルダーから設定 ” 確認にアクセスするだけです。

ユーザーがイベント登録フォームを送信すると、メッセージやページを表示したり、特定のURLにリダイレクトしたりすることができます。このフォームはWordPressサイトのどのページにも表示できます。

WordPressで新規イベント登録ページを作成し、フォームを表示してみましょう。

Edit form confirmation settings

完了したら、変更を保存することを忘れないでください。

それでは、WordPressのページに登録フォームを追加してみましょう。

WordPressでイベント登録ページを作成する

WPFormsはWordPressブログにフォームを埋め込むための複数の方法を提供します。さらに、邪魔にならないランディングページを作成したり、サイト上のどこにでもフォームを埋め込むことができます。

両方の方法をお見せします。

気が散らないイベント登録ページを作成する

WPFormsはイベント登録フォーム用のカスタムランディングページを作成できる’フォームページ’を提供しています。

まず、WordPress の管理エリアからWPForms ” Addonsに移動して Form Pages Addon をインストールしてください。

Install form pages addon

アドオンが有効化されたら、ダッシュボードからWPForms ” すべてのフォームに移動できます。

ここから、イベント登録フォームを編集するだけです。

Edit your event registration form

次に、フォームビルダーの設定 ” フォームページに進みます。

その後、「フォームページモードを有効化」トグルをクリックするだけです。

Enable form pages mode

ここで、上部に表示されるページタイトルを入力することができます。また、フォームの説明を追加するオプションもあります。

下にスクロールすると、イベント登録ページをカスタマイズするためのオプションが表示されます。例えば、ページのURLを編集したり、ロゴをアップロードしたり、フッターテキストを追加したり、ページの背景色を選択したり、スタイルを選択したりすることができます。

Customize your event registration page

ページが完成したら、プレビューして「保存」ボタンをクリックするだけです。

あとは、イベント登録ページのURLにアクセスするだけで、フォームが表示されます。

Event registration custom landing page

WordPressページにイベント登録フォームを埋め込む

WPFormsではサイト上のどのページにも簡単にフォームを埋め込むことができます。

フォームビルダーの’埋め込み’ボタンをクリックすれば、すぐに始められます。

Embed your form

その後、ポップアップウィンドウが開き、既存のページを選択するか、新規ページを作成してイベント登録フォームを追加することができます。

このチュートリアルでは、「新規ページ作成」オプションを選択します。

Embed a form in page

次に、ページの名前を入力する必要があります。

それが完了したら、「Let’s Go」ボタンをクリックするだけだ。

Enter name for your new page

WordPressのコンテンツエディターにフォームのプレビューが表示されるはずです。

WPFormsブロックを使ってフォームを追加する方法もあります。単に ‘+’ ボタンをクリックして WPForms ブロックを追加します。

Add a WPForms block in wordpress

その後、WPFormsブロックのドロップダウンメニューをクリックし、イベント登録フォームを選択することができます。

フォームがWordPressのコンテンツエディターに読み込まれます。

Event registration form preview in content editor

ページのルック&フィールに満足したら、ページを公開してください。

あなたのサイトにアクセスして、イベント登録ページを実際に見ることができます。

View event registration page

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

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

  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!

  2. Raghu Koorthy says

    Hi, Thanks for the info on Event Registration Page, which helped me. I request you to create a tutorial if there is any way we can generate unique tickets for the people who registered and purchased tickets in wordpress.

返信を残す

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