WordPress Contact Form 7お問い合わせフォームを送信した後、別のURLに移動する
Contact Form 7は WordPressユーザーからの問い合わせを受信したときに使用されている人気のコンタクトフォームのプラグインです。 Contact Formフォームを送信した後、別のURLに移動させたい場合があります。 そのような場合、開発者が紹介するにはJavaScriptを使用したり、プラグインを使用してフォームを送信した後、他のページやURLにリダイレクトすることができます。
WordPress Contact Form 7のフォーム提出後、別のURLに移動する
サイトからの訪問者や顧客が問い合わせを提出すると、監査ページ（Thank You Page）が表示される場合があります。 多くの WordPress コンタクトフォームのプラグインでフォームの送信後に表示するページまたはURLを指定できるオプションを提供しています。 Contact Form 7には、そのような機能が、基本的に内蔵されていませんが、簡単なスクリプトを使用したり、プラグインを使用してお問い合わせ提出した後、他のページやURLにリダイレクトさせることが可能です。
Javascriptを有効に
Contact Form 7の開発者は、最も簡単な方法でContact Form 7のカスタムDOMイベントを使用して、Javaスクリプトを実行することを提案しています。
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'http://example.com/';
}, false );
</script>上記のスニペットをテーマのテンプレートファイルに追加するようにします。 通常footer.phpファイルのタグのすぐ上に追加することができます。 しかし、この場合、サイト全体では、上記のスクリプトが実行されるので、望ましくないことがあります。 ページテンプレートを作成コンタクトフォームフォームが使用されているページにのみ適用されるよう、サイトへの影響を最小限に抑えることができるでしょう。
または、WordPressでjsスクリプトファイルとスタイルシートを正しくロードする方法「を参照して、特定のページでのみ上記のスクリプトを実行させることができます。
既存のon_sent_okとon_submitフックは、セキュリティの問題にContact Form 7 5.0から削除されました。
出典：
- Contact Form 7の記事： Redirecting to another URL after submissions（提出後、他のURLにリダイレクト） （英語）
プラグインを使用する：Redirection for Contact Form 7のアドオン
上記の方法を活用するために困難を経験する場合、プラグインを使用することができます。 このような機能のためにプラグインを使用することがそれほど望ましくないかもしれないが、初心者が簡単に利用することができる方法です。
お問い合わせフォーム7のリダイレクトはContact Form 7のアドオンのプラグインとして電子メールを正常に送信した後に設定されたページにリダイレクトさせるオプションを追加します。
WordPress 管理者ページで プラグイン]> [新規追加に行き、「Redirection for Contact Form 7」を検索してプラグインをインストールして有効にすると、 お問い合わせフォーム 編集画面（連絡先>新たに追加で、新しいフォームを作成したり、 コンタクト>コンタクトフォームで、既存のフォームを選択）に Redirect Settings タブが追加されます。
Redirect Settings（リダイレクト設定）で、連絡先フォームを送信した後に移動ページにサイト内の別のページを指定したり、 Use external URL（外部URLを使用）をチェックして、External URLに直接外部URLを入力することができます。
このプラグインは、フォームのフィールドをURLのクエリパラメータ（parameter）に転送する機能も提供します。 URLパラメータ活用方法は WordPress Quform / Gravity FormsからURLにパラメータを渡す方法を参照してみてください。 この機能をうまく活用すれば、URLに特定の情報をパラメータとして追加して渡すことができ続き、非常に便利です。
そして Here you can add scripts to run after form sent successfully 下にフォームを送信した後に実行するスクリプトを追加することも可能です。
このプラグインは、2020年8月現在、20万以上のサイトに設置されて使用されています。 Redirection for Contact Form 7は、無料版とプロ版があります。
Redirection for Contact Form 7のProバージョン
有料版では、次のような機能が追加で提供されます。
- 会員登録フォーム
- ログインフォーム
- Mailchimp（メールチムプ） リストに追加
- 条件付きエラー管理
- リダイレクトルール
- 各アクション（action）の条件
- 条件付きロジックに電子メール通知の管理
- 条件付きロジックにカスタムJavaScriptイベント実行
- リモートサーバーへのデータ転送（サードパーティの統合）
- リモートサーバーにRESTful Json / XML送信
- リモートサーバーにRESTful POST / GET送信
- Facebook コンバージョンピクセル（Facebook conversion pixels）の管理
- グーグル、AdWordsコンバージョンピクセル（Google Adwords conversion pixels）の管理
- Leads Manager - リード（オーディエンス）をデータベースに保存
- ペイパル統合
最後に、
QuformやWPFormsのようなコンタクトフォームのプラグインでは、お問い合わせ提出した後に移動ページまたはURLを指定することができますが、Contact Form 7はJavaScriptを利用したり、プラグインを使用してフォームを送信した後、他のページやURLにユーザーをリダイレクトすることができます。
Contact Form 7は、HTMLを使用してお問い合わせフォームを作成することができており、カスタムするのに良い無料コンタクトフォームのプラグインです。 使いやすいおプラグインをご希望の場合WPFormsや有料のプラグインであるQuformを使用することができます。
