WordPressの登録フォームにカスタムフィールドを追加したいですか？このチュートリアルでは、WordPress で登録フォームにフィールドを追加して、新規ユーザーから電話番号、ソーシャルプロファイル、会社名などの詳細情報を収集する方法を紹介します。
WPFormsとAdvanced Custom Fieldsの2つのプラグインを使えば、初心者でも簡単に登録フォームを作成することができます。最後には、あなたのサイトまたはWooCommerceストアに、必要なすべての情報を取得する専用の登録ページができます。
カスタムユーザー登録フォームを作成するクイックステップ
- ステップ1: プラグインでWordPressユーザー登録フォームを作る
- ステップ2: WordPressの登録フォームにカスタムフィールドを追加する
- ステップ 3: WordPress登録フォームのカスタムフィールド設定をカスタマイズする
- ステップ4：WordPressでユーザー登録通知を設定する
- ステップ 5: 登録フォームに確認メッセージを追加する
- ステップ 6: カスタムフィールド付きの WordPress 登録フォームを公開する
WordPress登録フォームのカスタムフィールドとは？
WordPressの登録フォームのカスタムフィールドは、サインアップ時に新規ユーザーからより多くの情報を収集するために追加できる入力フィールドです。
デフォルトでは、WordPressはユーザー名やメールアドレスなどの基本的な情報しか要求しません。カスタムフィールドを使用すると、電話番号、会社名、役職、ソーシャルメディアのプロフィールなどの追加情報を要求することができます。
登録フォームにこれらのフィールドを追加することで、より良いユーザープロファイルが得られ、サイト体験やマーケティングキャンペーンをパーソナライズするのに役立ちます。
なぜカスタムフィールドでフォームを作成するのか？
過去に試したWordPressの登録フォームの多くには、特定のタイプの情報を追加するオプションがない可能性があります。
例えば、あなたの登録フォームでは、プロフィール欄を充実させるために、人々のソーシャルメディア・プロフィールのリンクが必要になるかもしれません。また、ウェブサイトのアドレスや電話番号を入力してもらうこともできます。
カスタムフィールドや新しいフィールド名を追加できる新しいユーザー登録フォームを作成することで、フォームへの入力や登録に必要な詳細をより自由にコントロールすることができます。
さらに、カスタムフィールドを備えたWordPressのユーザー登録プラグインを使用すれば、ゼロから始める必要がなくなり、ビジネスの他の分野に集中する時間を大幅に節約できます。
WordPressの登録フォームにフィールドを追加する方法
登録フォームにカスタムフィールドを追加することがなぜ重要なのかがわかったところで、WordPressでカスタムフィールドを作成してみましょう。
| 価格年額49.50ドルから |
| 無料プラン/トライアル：無料Lite版あり |
| 際立った特徴 |
| 🔹 ドラッグアンドドロップフォームビルダー 🔹 カスタムフィールド用ユーザー登録アドオン 🔹 登録フォーム用の事前構築済みテンプレート |
| 最適WordPressの登録フォームをノーコードで作成したい初心者 |
このチュートリアルでは、最高のWordPressコンタクトフォームプラグインであるWPFormsを使用します。WPFormのフォームビルダーを使えば、どんな種類のフォームでも簡単に作成することができます。また、Registration Addonを使えば、カスタム登録フィールドを持つフォームを簡単に作成できます。
詳しくはWPFormsのレビューをご覧ください。
WPFormsはこちらから入手できます。既製の登録フォームテンプレートを利用するにはProバージョンが必要です。プラグインをダウンロードしたら、ここでWordPressプラグインのインストール方法を学ぶことができます。
| 価格年額49ドルから |
| 無料プラン/トライアル：WordPress.orgで利用可能な無料版 |
| 際立った特徴 |
| 🔹 Add unlimited custom field types 🔹 Full control over user meta data 🔹 Works with WPForms and WooCommerce |
| 最適ユーザーデータフィールドの高度なコントロールを必要とするサイトオーナー |
また、Advanced Custom Fieldsプラグインを使ってWordPressにカスタムフィールドタイプを追加し、登録フォームで使用できるようにします。
WordPressのダッシュボードにプラグインをダウンロードしてインストールしたら、ステップ1に進んでユーザー登録フォームを作りましょう。
ステップ1: プラグインでWordPressユーザー登録フォームを作る
カスタムフィールド付きのユーザー登録フォームを作り始めるには、WordPress管理画面のバックエンドからWPForms " Addonsにアクセスしてください。そしてユーザー登録アドオンを見つけ、有効化をクリックします。
次に、WPForms " Add Newで新しいフォームを作成します。
次に設定画面で、フォームに名前を付け、ユーザー登録フォームのテンプレートを選択します。
テンプレートをクリックすると、WPFormsはデフォルトのユーザー登録フォームを作成します。
要素をドラッグして別の位置に移動することで、フォーム上のフィールドを並べ替えることができます。また、デフォルトの登録フォームテンプレートに新しいフォームフィールドを追加するには、左側のパネルからドラッグして右側のパネルにドロップするだけです。
しかし、どのようにしてユーザー登録フォームにカスタムフィールドを追加するのでしょうか？次にそれを見てみましょう。
ステップ2:WordPressの登録フォームにカスタムフィールドを追加する
このチュートリアルでは、登録フォームにカスタムプロフィールフィールドを追加する方法を説明します。ここで、前述のAdvanced Custom Fieldsプラグインが活躍します。
まず始めに、WordPressウェブサイトにカスタム・プロフィール・フィールドを追加する必要があります。そのためには、カスタムフィールド " 新規追加に進みます。
次に、フィールド・グループに "User Profile "のような名前をつける。その後、Add Newをクリックして、そのグループにフィールドを追加し、名前とラベルの詳細を入力します。
入力タイプの詳細に満足したら、カスタムフィールドを有効にするために公開をクリックします。次に、WordPressのプロフィールに移動して、Users " Your Profileをクリックして、カスタムフィールドが実際に使用されていることを確認してください。
下の画像にあるように、あなたのプロフィールにはFacebookのURLを入力する欄ができました。
WordPressでカスタムフィールドを作成したので、ユーザー登録フォームに追加してみましょう。
WPForms " All Formsにアクセスすると、作成したフォームの一覧が表示されます。そして、先ほど作成したユーザー登録フォームの編集をクリックします。
その後、左側のパネルからウェブサイトURLフィールドのプレースホルダーをドラッグし、フォームのプレビューにドロップします。
Facebook URLオプションを追加するので、フィールドの名前を変更する必要があります。そのためには、ウェブサイトのURLフィールドをクリックし、左のパネルでラベルと説明を編集します。
また、ユーザーにEメールリストへの登録を求めるチェックボックスを追加するのもいいでしょう。これは購読者を増やす優れた方法です。
変更を確認するためにSaveをクリックすることを忘れないでください。
ステップ 3: WordPress登録フォームのカスタムフィールド設定をカスタマイズする
次のステップは、カスタムフィールドが適切な場所に情報を送信するように、フォームの設定をカスタマイズすることです。
そこで、「設定」タブをクリックし、「ユーザー登録」に移動します。このページでは、以下のようなユーザー登録設定を行うことができます：
- 各フォーム・フィールドのマッピング
- デフォルトのユーザーロールを選択
- ユーザーEメールの通知を有効にする
- ユーザーをリダイレクトする確認ページを選択する
そして、ページの一番下までスクロールすると、カスタム・メタ情報のための新しいセクションが表示されます。
ここで、先ほど作成したカスタム・フィールドに割り当てたメタ・キーを入力します。入力が終わったら、「保存」をクリックします。
ステップ4：WordPressでユーザー登録通知を設定する
設定 " 通知 "で通知ページを見てみましょう。
デフォルトでは、通知がオンになっています。つまり、誰かがあなたのウェブサイトに登録すると、Eメールで通知が届きます。
これらの設定については、WordPressでフォーム通知を設定する方法に関するWPFormsのドキュメントを参照してください。
ステップ 5: 登録フォームに確認メッセージを追加する
このステップでは、ユーザーがユーザー登録フォームを送信したときに表示されるメッセージの設定について見ていきます。
これは、ユーザーが登録プロセスを完了するためにアカウントを確認する必要がある場合に便利です。登録に感謝し、確認メールを待つようにメッセージを表示できます。
WPFormsには3つの確認タイプがあります：
- メッセージ- これはデフォルトの確認です。ユーザーがフォームを完了するとメッセージが表示され、フォームが正常に通過したことを知らせます。
- ページを表示- この確認タイプは、ユーザーをサイト上の特定のウェブページに送り、登録のお礼を伝えます。例えば、登録後すぐにログインページを表示することができます。
- Go to URL (Redirect)- このオプションは、顧客を別のウェブサイトに送りたい場合に使用します。
確認メッセージのタイプを選択したら、保存をクリックし、WordPressにカスタムフィールド付きのユーザー登録フォームを追加します。
ステップ 6: カスタムフィールド付きの WordPress 登録フォームを公開する
WPFormsはあなたのウェブサイトに登録フォームを簡単に追加することができます。登録フォームを投稿、ページ、あるいはフロントエンドのウェブサイトのサイドバーに公開することができます。
WordPressページにユーザー登録フォームを公開する方法を見てみましょう。
まず、ページ " 新規追加で新しいページを作成します。
次に、WordPressエディタでプラス（+）アイコンをクリックして新しいコンテンツブロックを追加します。検索ボックスにWPFromsと入力してWPFormsブロックを表示し、クリックしてページに追加します。
ここで、ドロップダウンボックスからユーザー登録フォームを選択することができます。
これで、あなたのページにさらに情報を追加することができます。ページが完成したら、「公開」をクリックしてあなたのウェブサイトにフォームを設置しましょう。
WordPress登録フォームへのカスタムフィールド追加に関するFAQ
WordPressのユーザー登録フォームをカスタムフィールドで作成する方法はお分かりいただけたと思います。ユーザはあなたのサイトに登録し、プロフィールを作成するために必要なすべての詳細を送信することができます。
WPFormsで他にどんなことができるのか興味がある方は、こちらのWordPressフォームチュートリアルをご覧ください：
- ファイルアップロード機能付きWordPressフォームの作り方
- Typeformスタイルのフォームの作り方
- WordPressでお問い合わせフォームを作成する方法
- WordPressでオンライン注文フォームを作成する方法
- WordPressでマルチステップフォームを作成する方法
もしよろしければ、フェイスブックや ツイッターをフォローして、より役立つヒントやチュートリアルをご覧ください。
