• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

株式会社ハイファイブクリエイト

東京都を拠点にWebサイト制作やシステム構築、WordPress保守管理やウェブコンサルティングを提供。

  • SERVICE
  • ABOUT
  • WORKS
  • BLOG
  • NEWS
  • CONTACT
ホーム / ブログ / TIPS / 同一ページでMW WP Formのフォームを切り替える方法

同一ページでMW WP Formのフォームを切り替える方法

池田祐太郎 | 2023年8月29日 公開 コメントを書く

ウェブサイトで問い合わせフォームやエントリーフォーム等を表示する際、特定の期間だけ別のフォームを表示させたい場合があります。WordPressプラグインの「MW WP Form」を使って、同一ページを使いつつ、A期間だけフォーム1・B期間だけフォーム2というように複数のフォームを切り替える方法を解説します。

目次

  • 1 採用エントリー期間外も有効に活用したいという背景
  • 2 新規ページ作成すると都度リンク変更などの手間がかかる問題
  • 3 期間によってフォームを切り替えることで解決
    • 3.1 1. エントリーページのショートコードを変更
    • 3.2 2. 確認ページのショートコードを変更
    • 3.3 3. 送信完了ページのショートコードを変更
    • 3.4 切り替えるフォームのURL設定は同じにするのを忘れないように
    • 3.5 フォームの切り替わりチェック
    • 3.6 ショートコードはどのように管理するのが望ましい?
  • 4 キャンペーンやイベントなどフォーム切り替えの事例
    • 4.1 イベント登録フォーム
    • 4.2 キャンペーン応募フォーム
    • 4.3 アンケート・フィードバックフォーム
    • 4.4 問い合わせフォーム
    • 4.5 会員登録フォーム
    • 4.6 注文・予約フォーム
  • 5 新規ページを作成せずに複数フォームを切り替えることが可能

採用エントリー期間外も有効に活用したいという背景

例えば新卒採用のエントリーフォーム。新卒採用のエントリーフォームは通常、エントリー期間外には受付を停止しています。受付停止期間にページにアクセスしても、「受付終了しました」というような文言が書かれているだけなので、応募検討をしている人はまた受付開始のタイミングで再度アクセスしないといけません。

そこで、「期間外でも情報を集め、次の採用活動に生かしたい」という要望が上がりました。

従来のエントリーフォームとは別に、受付停止期間中は項目数の少ない簡易的なエントリーフォームを表示しておき、見込み応募者からフォームを受け付けるようにします。こうすることで通年フォームが稼働している状態となり、結果的により多くの応募が集まる可能性が高まります。

新規ページ作成すると都度リンク変更などの手間がかかる問題

従来のエントリーフォームはそのままに、簡易版のエントリーフォームを表示するための新規ページを作成するという方法もあります。

しかしその方法だと、サイト全体のメニュー、フッター、サイトマップなどを都度更新する必要があります。また、すでにブログやニュースといった各ページからリンクされている場合もあるでしょうし、さらには外部サイトや紹介ページからリンクされている可能性もあり、その上確認画面や送信完了画面も新しく作成する手間がかかります。

これらを考えると、現実的ではありません。

期間によってフォームを切り替えることで解決

ではどうすればいいか。解決策として、従来のエントリーフォームよりも項目数の少ない簡易版のエントリーフォームを用意し、エントリー期間に応じて切り替える方法を採用しました。

MW WP Formで作成したフォームを固定ページなどのページに表示するには、ショートコードを設定することで作成したフォームが表示されます。

MW WP Formでフォームを作成すると各フォームに対してショートコードが発行される。
このショートコードを固定ページに埋め込むことでフォームが表示される。

よって、複数フォームを同一ページ内で切り替えるには、ショートコードを変更することで簡単にフォームを切り替えることが可能です。

変更する箇所は、エントリーページ、確認ページ、送信完了ページに設定されているMW WP Formのショートコードを変更するだけです。

1. エントリーページのショートコードを変更

予め変更するフォームを先に作成しておいた上で、エントリー期間に応じて、フォームのショートコードを設定します。

2. 確認ページのショートコードを変更

確認ページにも同様に、期間に応じたショートコードを設定します。

3. 送信完了ページのショートコードを変更

最後に、送信完了ページのショートコードも期間に応じて変更します。たったこれだけ。シンプルです。設定するショートコードは3つとも同じショートコードです。

切り替えるフォームのURL設定は同じにするのを忘れないように

ひとつ注意点として、切り替え対象となるフォームのエントリーページ、確認ページ、送信完了ページの各URLは同一にしておく必要があります。MW WP Formの各フォーム設定から「URL設定」にあるURLは同一になるように設定しておきましょう。

それぞれのURLは各フォームで合わせておく必要がある。これが間違っていたり、未設定(各画面がある場合)だと、正しくフォームは表示されなかったり画面遷移しないため注意。

フォームの切り替わりチェック

正しくフォームが切り替わっているかどうか確認します。テスト用のフォームとして、従来のフォームが「フォーム1」、新しいフォームを「フォーム2」としました。

エントリーページはもともとは「フォーム1」を表示しています。

「フォーム1」が表示されているのがわかる。

上記の切替後、正しく「フォーム2」が表示されています。送信テストを行い、確認画面・送信完了画面へ遷移し、設定したフォームの問い合わせデータがカウントされていることも確認できました!

「フォーム2」と表示されているため正しく稼働している。

ショートコードはどのように管理するのが望ましい?

複数のフォームを切り替えるため、以前設定したショートコードにすぐに戻したいけど、わざわざメモを残しておくなどの運用は属人的・効率的な観点からあまり推奨されません。フォームを変更する場面でにおいて、ショートコードの管理はどのように行うのが効率的でしょうか?

まずは、WordPressの標準機能である「リビジョン」の活用が考えられます。

変更を行った固定ページにはこのようにリビジョンが表示されている。
変更箇所がこのように履歴として残っているため復元も容易。

他には、HTMLのコメントアウトを活用する方法です。WordPress のブロックエディタにはカスタムHTMLブロックがあり、コメントアウト(<!-- この中に書く文章は表に表示されない -->)が利用できます。

カスタムHTMLブロックを使ってコメントアウトを書いている例。

表には表示されないものの、ソースコードには書き出されているため、その点は気に留めておく必要があります。

フォームの下には何も表示されていないものの、ソースコード上には書き出されているのがわかる。

関わる担当者や各人のスキル等に応じて管理方法は決めましょう。個人的にはリビジョンがわかりやすくおすすめです。

キャンペーンやイベントなどフォーム切り替えの事例

他にフォームを切り替えることがありそうな事例はどんなのがあるか、ChatGPTに考えてもらいました。

イベント登録フォーム

イベントごとに異なるフォームが必要な場面で、一つのページ上でフォームを切り替えることがあります。例えば、イベントの種類や日付に応じて切り替えることで、使い回しが可能です。

キャンペーン応募フォーム

特定のプロモーションやキャンペーン期間中だけ、通常とは異なる内容のフォームを表示することがあります。キャンペーンが終わったら元のフォームに切り替えられます。

アンケート・フィードバックフォーム

時期や目的によって、顧客からのフィードバックを求める内容が変わることがあります。このような場合、必要な情報に応じてアンケートフォームを切り替えることができます。

問い合わせフォーム

サービスや製品によっては、季節や時期によって問い合わせの内容が大きく変わることがあります。例えば、夏場にはエアコンの修理や設置の問い合わせが多いかもしれません。このような場合、季節に応じて問い合わせフォームを切り替えて、必要な情報を簡単に収集することができます。

会員登録フォーム

一定期間限定で特典を提供する新会員キャンペーンなどがある場合、その期間だけ異なる会員登録フォームを表示することがあります。

注文・予約フォーム

休日や特定のイベント(例:バレンタインデー、クリスマスなど)に特別なメニューがあるレストランやカフェでは、その期間だけ特別な予約フォームを表示することがあります。

だそうです。色々と利用シーンがありそうですね。ただ、場合によっては新規ページを作成して敢えて切り分けたほうがいいケースもあるかもしれませんので、それはケースバイケースで対応していくというのが良さそうです。

新規ページを作成せずに複数フォームを切り替えることが可能

MW WP Formを使って新規ページを作成することなく、同一ページで複数のフォームを切り替えて表示することができました。

今回のような採用エントリーの場合は、エントリー期間外でも効率的に情報を収集し、採用活動やマーケティング活動をより柔軟に行うことが可能です。

フォームの切り替えで悩まれている場合は是非ご活用ください。

メールコンサルティング
WordPress保守管理サービス

カテゴリTIPS 関連タグ:WordPressカスタマイズ

池田祐太郎

WordPress の構築・保守を10年以上にわたって手掛けており、主に小〜中規模のコーポレートサイト・ECサイト・ブランドサイト等の企画・開発・保守・コンサルティングなどを行ってきました。2012年にハイファイブクリエイトを創業し、現在は WordPress の保守やコンサルティング、ディレクションや開発業務などを担当しています。 プロフィール詳細

Reader Interactions

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

この記事と関連する記事

WordPressの固定ページでタグやカテゴリーを使いたいときはカスタム投稿タイプを検討する
2022年1月27日
タグ: WordPressカスタマイズ
カテゴリー: WordPress
フレームワークを使ってWordPressサイトをリニューアルしたら表示速度が速くなった話
2018年6月4日
タグ: Webサイト高速化, WordPressカスタマイズ
カテゴリー: WordPress, ホームページ制作, モバイル
WP固定ページや投稿内でphpファイルを読み込むショートコード
2018年4月1日
タグ: WordPressカスタマイズ
カテゴリー: TIPS

最初のサイドバー

WordPress保守管理サポート

Search

最近の投稿

  • 2024-2025年末年始の営業のご案内
  • WordPressのプラグイン自動更新のロールバック機能が正しく動くのか確認してみた
  • 遅延読み込み開始させる画像を変更させるWordPressカスタマイズ
  • WordPressで特定の画像やアイキャッチ画像をlink rel=”preload”に設定する
  • WordPressのプラグインがどのくらい表示速度を重くさせるのか22個のプラグインで検証

カテゴリー

  • CSS初心者
  • HTML初心者
  • TIPS
  • WooCommerce
  • WordPress
  • エステサロン
  • お知らせ
  • キュレーション
  • サイトマップ
  • システム会社
  • デベロッパーツール入門
  • ブログ
  • ホームページ制作
  • ホームページ制作無料講座
  • メール
  • モバイル
  • 仕事のこと
  • 制作実績
  • 整体院
  • 美容院
  • 雑感

タグ

ai Android ChatGPT CMS css DALL-E elementor gmail google workspace Gutenberg HTML iPhone jQuery Mac Photoshop php SEO SNS ssh SSL Webサイト高速化 Windows WordPress WordPressカスタマイズ WordPressテーマ WordPress構築調査 WPRocket アクセス解析 クラウドソーシング サイト引っ越し サブスクリプション サーバー ショートカットキー スマホサイト スマートフォン セキュリティ ツール ブログ プラグイン マーケティング リニューアル レスポンシブWebデザイン 保守管理 最適化 集客するサイト構築

アーカイブ

CONTACT

お問い合わせはこちら

Footer

  • PRIVACY POLICY
  • 情報セキュリティ基本方針
  • 特定商取引法に基づく表示
  • 転載/引用

© 2025 high five create All rights reserved.