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 redirect users after form submission in WordPress

なぜフォーム送信後にユーザーをリダイレクトするのか?

WordPressサイトでユーザーがフォームを送信すると、多くのビジネスオーナーはそれでプロセスが終了すると思うかもしれません。しかし、フォームを活用することで、サイト上でのユーザーエンゲージメントを高め、コンバージョンをさらに増やすことができます。

例えば、フォーム投稿後にユーザーをサンキューページに誘導し、コンバージョンの高い記事を掲載することができます。こうすることで、最高のコンテンツへのページビューを増やし、より多くの売上を上げることができる。

オンラインストアでは、訪問者がフォームを送信すると、商品をアップセルしたり、割引や送料無料などのインセンティブを提供することができます。

フォーム送信後、ユーザーを無料リソースをダウンロードできるページにリダイレクトすることもできます。例えば、eBook、ポッドキャスト、メディアファイル、PDFなどの無料リソースと引き換えにフォームに記入してもらうリードマグネットを作成することができます。

それでは、WordPressでフォーム送信後にユーザーを簡単にリダイレクトする4つの方法を見てみましょう。以下のリンクをクリックして、お好みのセクションに進んでください:

動画チュートリアル

Subscribe to WPBeginner

文章での説明がお望みなら、このまま読み進めてほしい。

WordPressでフォーム送信後にユーザーをリダイレクトする

ユーザーがフォームに入力した後にリダイレクトさせる最も簡単な方法は、WPFormsを使用することです。これはWordPressのための最高のお問い合わせフォームプラグインであり、600万人以上の専門家が自分のサイトのためのさまざまなタイプのフォームを作成するために使用しています。

WPFormsにはビルトイン設定があり、サンキューメッセージを表示するか、特定のページを表示するか、ユーザーを別のURLにリダイレクトするかを選択することができます。加えて、あなたは簡単にあなたのフォームをカスタマイズするドラッグアンドドロップフォームビルダーを取得します。

このチュートリアルでは、WPForms Lite版を使用します。WPFormsLite版は無料で使用でき、数回のクリックでフォーム送信後にユーザーをリダイレクトできます。WPForms Proバージョンもあり、1,400以上のビルトインフォームテンプレート、カスタマイズ設定、強力なアドオンを提供しています。

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

まず、WPFormsプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。

有効化すると WordPress ダッシュボードに WPForms のウェルカムページが表示されます。最初のフォームを作成’ボタンをクリックしてください。

Create your first form

その後、WPFormsは複数の無料フォームテンプレートから選択させます。どのテンプレートを選択しても、あなたのニーズに応じて素早くカスタマイズすることができます。

まずは一番上にフォームの名前を入力し、’Simple Contact Form’ テンプレートを選択しましょう。

Select simple form template

テンプレートを選択すると、WPFormsフォームビルダーが起動します。

左側のメニューからフォームのカスタマイズや新規フィールドの追加ができます。追加したいフィールドをドラッグ&ドロップするだけです。お好みの順番に並べ替えることができます。

Add new form fields to your template

サイトのURL、電話番号、住所、ファイルアップロードオプションなどのフィールドを追加したい場合は、WPForms Proライセンスへのアップグレードをお勧めします。

テンプレート上の既存のフィールドをさらにカスタマイズすることもできます。詳しくはWordPress でお問い合わせフォームを作成する方法をご覧ください。

フォーム送信後のリダイレクトURLの設定

お問い合わせフォームをカスタマイズしたら、フォームビルダーの「設定」 ” 「確認」に進みます。

確認タイプの設定でドロップダウンメニューをクリックし、「URLへ移動(リダイレクト)」オプションを選択します。

Select go to URL option

その後、「確認リダイレクトURL」フィールドにリンクを入力し、ユーザーがフォームを送信した後にリダイレクトさせたい場所を指定するだけです。

WordPressにフォームを埋め込む方法

リダイレクトURLを追加したら、次はサイトにフォームを埋め込みます。

上部の「保存」ボタンをクリックしてフォームの設定を保存し、その横にある「埋め込み」ボタンをクリックします。

Embed your form

WPFormsは既存のページにフォームを埋め込むか、新規ページに埋め込むかを尋ねるようになりました。

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

Embed a form in page

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

名前を入力したら、「Let’s Go」ボタンをクリックするだけ。

Enter name for your new page

プラグインは自動的にWordPressのコンテンツエディターにWPFormsブロック内にフォームを追加します。

準備ができたら、上部にある「公開する」ボタンをクリックするだけです。

Preview and publish your form

フォーム送信後のレスポンシブに基づいてユーザーをリダイレクトする

WPFormsでは条件ロジックの設定も可能で、フォーム送信時のユーザーのレスポンシブに応じて自動的に異なるページにリダイレクトします。

例えば、ユーザーから送信された質問(請求、テクニカルサポート、一般的な問い合わせなど)を処理する異なるチームがあるとします。ユーザーがフォームで選択した選択肢に基づいて、ニーズに関連する特定のURLにリダイレクトすることができます。

条件付きロジック機能を使用するにはWPForms Proライセンスが必要です。また、テンプレートに追加できるフォームフィールドが増え、User Journeyのようなアドオンを使ってユーザーがフォームにどのようにアクセスするかを確認することができます。

まず、複数選択肢やチェックボックスなど、ユーザーがさまざまなオプションを選択できるフィールドを追加します。チュートリアルでは’Multiple Choice’フィールドを追加します。

Add a multiple choice field

次に、右側のテンプレートのフィールドをクリックするだけで、「複数選択肢」フォームフィールドのオプションを編集することができます。

例えば、下の画像では、オプションの名前を特定の質問を扱う部署ごとに変更しています。

Rename multiple choice options

その後、フォームビルダーの設定 ” 確認に進みます。

ここで「新規確認の追加」ボタンをクリックして、条件付きロジックを設定します。

Add a new notification

次に、新しいリダイレクトの名前を入力します。簡単に追跡できるように、具体的に入力してください。

完了したら「OK」ボタンをクリックするだけです。

Enter a name for new notification

このチュートリアルでは、ユーザーがフォームで選択した部門に基づいて、特定のページに誘導したいと思います。

まず、確認タイプのドロップダウンメニューから「URLへ移動(リダイレクト)」を選択し、「確認リダイレクトURL」フィールドにそれぞれのページへのリンクを入力します。

Set up conditional login for new notification

次に、「条件ロジックを有効化」のトグルをクリックする必要がある。そうすると、さらに多くのオプションが表示されます。

条件ロジックの設定で「複数選択肢」が「請求書」の場合、この確認を「使用する」を選択してください。これにより、ユーザーがフォームを送信すると、請求に関する詳細情報を保持するURLにリダイレクトされます。

これですべてです!フォームを保存するだけで、先ほど追加した WPForms ブロックがユーザーのレスポンシブに基づいて設定した別の URL に自動的にリダイレクトします。

次に、フォームの他の複数選択オプションに対してこのステップを繰り返し、条件付きロジックで新しい確認通知を作成することができます。

WordPressでコメント投稿後にユーザーをリダイレクトする

WordPressサイトで初めてコメントするユーザーを別のページにリダイレクトできることをご存知ですか?

例えば、シンプルなサンキューページにメール登録フォームを表示し、コメントしたユーザーにニュースレターを購読してもらうことができます。同様に、ソーシャルメディアへのリンクを掲載したページにリダイレクトさせ、フォロワーを増やすこともできます。

コメント投稿後にユーザーをリダイレクトすることも、ページビューとコンバージョンを高めるのに役立ちます。より多くのコンバージョンを得るために、コメントしたユーザーをブログのトップ記事にリダイレクトしたり、特別オファーやクーポンページを表示したり、リードマグネットページを表示したりすることができます。

コメントリダイレクトを設定する最も簡単な方法は、Comment Hacksプラグインを使用することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

初回ユーザーがコメントをした後に表示するページを選択することができます。

WordPress管理画面の設定 “ コメントハックに移動するだけです。そして、「リダイレクト先」のドロップダウンで送信したい特定のページを選択するだけです。

設定が終わったら、必ずページを保存してください。

Set up comments redirect

詳しくは、コメントリダイレクトでユーザーの注意をそらす方法をご覧ください。

登録フォーム送信後にユーザーをリダイレクトする

サイト上でユーザー登録を許可している場合は、リダイレクトが便利です。

例えば、会員制サイトを運営している場合やオンラインコースを販売している場合、登録フォームを送信したユーザーをアカウントエリアやダッシュボードにリダイレクトすることができます。こうすることで、ユーザーはダウンロードファイル、ライセンスキー、コース教材、カリキュラムなどにアクセスすることができます。

A course curriculum created using the MemberPress LMS

MemberPressを使えば、サイトのさまざまなセクションへのアクセスを簡単に制限することができます。WordPressに最適なメンバーシッププラグインで、複数のメンバーシップレベルを設定できます。

MemberPressを使用すると、プラグインのビルトインテンプレートのいずれかを使用して価格ページを作成することもできます。未登録のユーザーが制限されたコンテンツにアクセスしようとした場合、価格設定ページにリダイレクトすることができます。

カスタムプライシングページを作成したら、MemeberPressの「不正アクセス」セクションにURLを入力するだけで、未登録ユーザーをプライシングページまたは登録ページにリダイレクトすることができます。

Enter pricing page URL for unauthorized access

さらにオプションを増やしたい場合は、SeedProdのようなページビルダーを使うことをお勧めします。SeedProdはドラッグアンドドロップのページビルダーで、どんなページでもレイアウトやデザインを超簡単にカスタマイズすることができます。

ユーザーをリダイレクトするページに「価格表」のような要素を追加することができます。 詳しくは、WordPressで美しい価格テーブルを追加する方法のガイドをご覧ください。

Add a SeedProd Pricing Table Block to Each Column

初期設定のWordPress登録ページは無地で、WordPressのロゴとブランディングのみが含まれています。

SeedProdテンプレートを使用し、’Pricing Table’ブロックを追加してカスタムログインと登録ページを作成することで、より魅力的なものにすることができます。

Editing your login page in SeedProd

WordPressでカスタムユーザー登録フォームを作成する方法については、こちらをご覧ください。

WordPress でフォーム送信後にユーザーをリダイレクトする方法について、この投稿がお役に立てれば幸いです。最適なデザインソフトウェアの選び方や、WordPress.com と WordPress.org の比較もご覧ください。

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. Mrteesurez says

    I admire to automatically redirect users to the different URL based on their responses this let one decide which contents or url is suitable for user or appreciate that he can read more or order the products.
    I am looking forward to aquired WPForms pro, thanks.

返信を残す

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