WordPress登録フォームを作成する方法(ステップバイステップ)
公開: 2022-07-18ユーザーがあなたのウェブサイトに登録できるようにWordPress登録フォームを設定したいですか?
登録フォームは通常、ユーザーが非常に簡単かつ迅速に記入できる非常にシンプルなフォームです。 痛みがなく、長すぎないようにする必要があります。そうしないと、ユーザーが登録をスキップする可能性があります。
この記事では、シンプルで見栄えの良い登録フォームを簡単かつ迅速に作成する方法を紹介します。
この記事では、新規ユーザーを登録するためのユーザー登録フォームの作成について説明します。 他のサインアップフォームやカスタムフォームをお探しの場合は、WordPressでお問い合わせフォームを追加する方法(簡単な方法)をご覧ください。
WordPress登録フォームのベストプラクティス
フォームを作成する手順を説明する前に、いくつかのベストプラクティスについて簡単に説明しましょう。
- できるだけ少ないフィールドを使用してください:フォームへの入力に多くの時間を費やしたいと思う人は誰もいません。 フォームに記入したくないという理由で登録しないことを人々に決めさせないように、できるだけシンプルに保つのが最善です。
- 電子メール通知を設定する:誰かがフォームに入力すると、登録を確認するフォローアップ電子メールをすぐに受信する必要があります。
- ページを美しく見せましょう:ユーザーを喜ばせたいですか? ログイン/登録ページの見栄えを良くします。 ログインページにオファーを追加して、簡単に宣伝することもできます。
WordPressユーザー登録フォームチュートリアル
新しいユーザー登録フォームを開始しましょう。 さあ行こう!
フォームを作成するには、WordPressの最高の連絡先(およびそれ以降)のフォームビルダープラグインであるWPFormsを使用します。

WPForms Proには、カスタム登録フォームを作成するために必要なユーザー登録アドオンが含まれています。
では、チュートリアルを始めましょう。
ステップ1:WPFormsをインストールする
ステップ2:ユーザー登録アドオンをアクティブ化する
ステップ3:ユーザー登録フォームを作成する
ステップ4:フォームフィールドをカスタマイズする
ステップ5:フォーム設定をカスタマイズする
ステップ6:ユーザー登録フォームを埋め込む
ステップ7(オプション):カスタムログインおよびパスワードリセットフォームを作成する
ステップ8:フォーム送信追跡を設定する
ステップ1:WPFormsをインストールする
WPFormsをインストールするには、Proライセンスを取得します。

次に、[ダウンロード]タブに移動して、プラグインをダウンロードします。

zipファイルをダウンロードしたら、WordPressダッシュボードに移動し、プラグイン»新規追加»プラグインをアップロードします。 そこで、zipファイルをアップロードします。

次に、青いアクティブ化ボタンをクリックしてWPFormsをアクティブ化します。

最後に、WPFormsアカウントからライセンスキーを取得し、 WPForms»設定»一般に移動して貼り付けます。

ステップ2:ユーザー登録アドオンをアクティブ化する
ユーザー登録フォームを作成するには、ユーザー登録アドオンが必要です。 設定するには、[ WPForms]» [アドオン]に移動し、[ユーザー登録]を検索して、[アドオンのインストール]をクリックします。

ステップ3:ユーザー登録フォームを作成する
フォームのショートカットを作成するには、ユーザー登録フォームテンプレートを使用します。 これを行うには、最初にWPFormsに移動します»新規追加:

次に、アドオンテンプレートをクリックして、ユーザー登録フォームを見つけます。 [テンプレートを使用]をクリックします。

ステップ4:フォームフィールドをカスタマイズする
ユーザー登録フォームテンプレートを使用することを選択すると、フォームにいくつかのフォームフィールドが自動的に追加されます。 追加:
- 名前(最初と最後)
- ユーザー名
- Eメール
- パスワード
- 短い経歴
たとえば、他のフィールドが必要な場合、または短い略歴が必要ない場合は、このステップで必要なフィールドを追加および削除できます。 フィールドを削除するには、フィールドにカーソルを合わせて、ごみ箱アイコンをクリックします。

フィールドを追加するには、必要なものを検索し、クリックしてフォームにドラッグします。
ステップ5:フォーム設定をカスタマイズする
フォームに適切なフィールドが追加されたので、フォームの動作の他の側面をカスタマイズできます。
これを行うには、 [設定]タブに移動します。 ここでは、フォームからの通知、確認の設定、フォームの放棄設定、ユーザー登録設定など、カスタマイズできるさまざまな機能をすべて確認できます。 インストールしたアドオンに基づいて、ここでさまざまな設定オプションを利用できます。

[全般]タブには、フォーム名、フォームの説明、タグ、ボタンのテキストなどがあります。 [通知]タブで、フォームの送信時に送信されるメールを設定できます。 [確認]タブでは、ユーザーがフォームを送信したときに表示される内容を設定します。
これらの設定はすべて重要です。 それらについてサポートが必要な場合は、WPForms設定の完全ガイドを確認してください。
このチュートリアルのために、これらの基本設定をスキップして、ユーザー登録設定に目を通します。

[ユーザー登録設定]タブに最初に表示されるのは、フィールドマッピングです。 ここで、フォームにあるフィールドを、ユーザーがサインアップしたときに作成される新しいユーザーアカウントフィールドにマップできます。

次に、 [ユーザーの役割]ドロップダウンが表示されます。 ここでは、新しいユーザーがサイトで果たす役割を選択します。

次に、ユーザーアクティベーションとログインオプションが表示されます。 ここで、新しいユーザーがアカウントをアクティブ化するために追加の手順を実行する必要があるかどうかを選択します。
追加の手順が必要な場合は、スイッチを切り替えてユーザーのアクティブ化を有効にします。

次に、アカウントを手動で承認するか、ユーザーにアクティベーションメールのリンクをクリックさせるかを選択します。

これで、アクティベーションメールの件名とメッセージをカスタマイズできます。

スマートタグを使用して、ユーザーの名前やその他の情報を追加できます。

最後に、フォームの送信後にユーザーがリダイレクトされるページを選択します。

ユーザーアクティベーションを有効にしたくない場合は、これらの手順をスキップしてください。 そのボックスで自動ログインを有効にし、ユーザーがログインしている場合はフォームを非表示にすることもできます。
次に、新しいアカウントが作成またはアクティブ化されたときに送信される電子メール通知を選択できます。

最後に、カスタムユーザーメタデータを追加するオプションがあります。

すべての変更を行ったら、必ず[保存]ボタンをクリックしてください。

ステップ6:ユーザー登録フォームを埋め込む
ユーザー登録フォームを使用する準備ができたので、先に進んでユーザー登録ページに埋め込むことができます。
見栄えのするカスタム登録ページが必要ですか? 最高のWordPressランディングページであり、カスタムテーマビルダーであるSeedProdを使用することをお勧めします。 ログインページテンプレートを使用して、ユーザーに最適な登録ページとログインページを作成します。

最適な登録ページとログインページを設計するための手順については、チェックアウトしてください
WordPressカスタムログインページを作成する方法(簡単な手順)。
ブロックエディタを使用して既存のページにフォームを埋め込むには、WPFormsブロックを検索するだけです。

ブロックを追加すると、埋め込むフォームを選択できるようになります。

代わりに、フォームをサイドバーに埋め込みたいですか? 外観»ウィジェットにアクセスし、WPFormsウィジェットを選択します。
ステップ7(オプション):カスタムログインおよびパスワードリセットフォームを作成する
WPFormsユーザー登録アドオンをアクティブにすると、カスタム登録フォームを作成できるだけでなく、ユーザーログインとユーザーパスワードのリセットの2つのフォームも提供されます。

これらの2つのフォームを使用して、登録とログインのプロセス全体を完全にカスタム化できます。
ステップ8:フォーム送信追跡を設定する
サイトに適切なフォームを配置することは重要であり、サイトで適切に機能していることを確認するためにフォームを追跡することも重要です。 そこで、MonsterInsightsフォームトラッキングが登場します。
MonsterInsightsは、WordPress用の最高のGoogleAnalyticsプラグインです。 WordPressサイトをGoogleAnalytics(Universal AnalyticsとGA4の両方)に簡単に接続できるため、WordPressダッシュボードで最も重要なすべてのデータを表示できます。

さらに、ボタンをクリックするだけで、イベントトラッキング、eコマーストラッキング、フォームトラッキング、カスタムディメンショントラッキング、アウトバウンドリンクトラッキングなどの高度なトラッキング機能を設定できます。
フォームトラッキングを設定すると、各フォームのパフォーマンスを一目で確認できます。 多くの人がそれを見ていますが、提出しないことを選択していますか? これらの分析を使用して、サイトを改善し、ビジネスを成長させる方法を決定します。

MonsterInsightsを使用したフォーム追跡の詳細については、GoogleAnalyticsとWordPressでフォーム送信を追跡する方法をご覧ください。
それでおしまい!
WordPress登録フォームのチュートリアルがお役に立てば幸いです。 また、GoogleAnalytics4とWordPressでリンククリックを追跡する方法も確認してください。
MonsterInsightsをまだ使用していませんか? 何を待っていますか?
より役立つGoogleAnalyticsとWordPressのヒントについては、Twitter、Facebook、YouTubeでフォローしてください。
