WordPress

【2021年最新版】WP★ContactForm7 送信後に異なる URL にリダイレクトさせる/カスタム DOM イベント使用

投稿日:

Contact Form 7 プラグインで、送信完了後にサンキューページに遷移する方法を紹介しましたが、プラグインの仕様変更で設定方法が変わりましたので、改めて紹介します。

子テーマのfunctions.phpにコードを追記

Contact Form 7 で作成したフォームの「送信」ボタンを押して、送信が完了したら「リダイレクトさせたい URL」ページに移動するコードです。
子テーマのfunctions.phpにコードを追記します。

add_action( 'wp_footer', 'mycustom_wp_footer' ); 
function mycustom_wp_footer() { 
?> <script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event 
) {
 location = 'リダイレクトさせたい URL';
}, false );
</script>
<?php
}

特定のフォームだけに設定する方法

コンタクトフォームのページが複数あって、ひとつのフォームだけに設定したい場合や、フォームごとに別の送信完了ページを表示させたい場合の設定方法です。

  1. 固定ページで送信後に遷移するサンキューページを作る。
    検索されないようにヘッダー内にコードを設定しておきます。
    <meta name=”robots” content=”noindex”>
  2. コンタクトフォームを配置した固定ページの編集画面でテキストモードにしてページ先頭に下記を追加します。前の手順で用意したサンキューページのURLに書き換えるのをお忘れなく!
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
     location = 'リダイレクトさせたい URL'; 
}, false ); 
</script>

参照サイト:https://def-4.com/contact-form-7-send-comp/

https://seous.info/wp-plugin/5922

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WordPress

執筆者:


comment

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

WPテーマカスタマイズ★「Emanon Free」編 vol. 1

テーマの入手方法 このテーマは、テーマの作者が運営する公式サイトからダウンロードして入手します。 emanon free 公式サイト テーマをダウンロードするには、メールアドレスの登録が必要です。 登 …

WordPress|Twenty Nineteen トップページを固定ページにする

WordPressのダッシュボードから「外観」>「カスタマイズ」を選択。 「ホームページ設定」を選びます。 「ホームページ」と「投稿ページ」の2つに固定ページを割り当てます。 「+新規固定ページを追加 …

WP★フロントページの背景色を変更する★Twenty Seventeenをカスタマイズ04

フロントページの背景色をパネルごとに変更する方法 フロントページを複数指定している場合、設定した固定ページを順番に表示させています。 このとき 各セクションごとに背景色を変更する方法です。 CSSを追 …

WordPress★Contact Form 7 で隠しフィールドを設定する

Contact Form 7 と Flamingo のセットで使用中。 Flamingo側の受信メッセージの一覧表示で使うために、送信元となるContact Form 7 に隠しフィールドを設定するこ …

WP★All-in-one-wp-migrationのアップロードサイズを無料で増やす

「all-in-one-wp-migration」は、リモート環境からローカル環境に引っ越してテスト環境を簡単に作れるプラグインですが、ローカル環境にインポートするときに「容量オーバー」でインポートで …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。