ココル > Contact Form 7でメール送信後に他のページにリダイレクトさせる方法
WordPressプラグイン

Contact Form 7でメール送信後に他のページにリダイレクトさせる方法

  • この記事は約3分で読めるワン。
アマゾン
注文確定時にクーポンコードを入力すると、Amazon Echoシリーズ、Fireタブレットシリーズ、Kindleシリーズのアクセサリがそれぞれ表示金額より20%OFF。
2024年1月1日(月)00時00分~2024年3月31日(日)23時59分
アマゾン
最大10%ポイントアップキャンペーン!パソコン・周辺機器、PCソフトはさらに5.5%ポイントアップ!
2024年3月29日(金) 9:00 ~ 2024年4月1日 (月) 23:59

最近ではあまり多く見受けられなくなった感じもしますがクライアントワークでまだ使う方がいらっしゃるので頭の片隅に覚えておいても良いかもしれない、お問い合わせ送信後のサンクスページへのリダイレクト処理をする方法を紹介します。

Contact Form 7はフォーム送信後にそのフォームのURLと同じURLにリダイレクトします。サンクスページを設置する理由として考えられるのはGoogle Analyticsでのトラッキングをするためです。Contact Form 7ではそのことをしなくともトラッキングをすることが可能です。「Contact Form 7を使ってGoogle Analyticsでトラッキングする方法」を参考にしていただければ幸いです。

プラグイン名 Contact Form 7
バージョン 4.6.1

WordPress.orgからダウンロードされる際は、上記のリンクからプラグインのページに行き「ダウンロード」をクリックするとプラグインが入ったZIPファイルをダウンロードすることができます。

プラグインのインストール

プラグインのインストール方法はいくつかあります。

  • WordPressダッシュボード内「プラグイン」の「新規追加」ページよりインストールする。
  • WordPress.orgからプラグインをダウンロードしてFTPなどでプラグインディレクトリに直接アップロードする。
  • プラグインファイルをダウンロードしたらWordPress「プラグイン」の「新規追加」にある「プラグインのアップロード」からインストールする。

公式サイトに掲載されているプラグインの場合は一番目、ダッシュボード内にあるプラグインのページよりダウンロードしたほうが簡単です。

WordPress内にプラグインをインストールしたら「インストール済みプラグイン」でプラグインの確認をすることができます。

各プラグインにある「有効化」をクリックすることでプラグインの機能が使えるようになります。機能を止めたい場合は「停止」をクリックすると機能を止めることができます。

サンクスページへリダイレクトする方法

サンクスページにリダイレクトと書きましたが、送信後に飛ばすURLはトップページなどどこでも大丈夫です。

リダイレクトさせるには「コンタクトフォームの編集」画面の「その他の設定」になります。

リダイレクトさせるためにon_sent_okのJavaScriptアクションフックを利用します。

on_sent_ok: "location = 'リダイレクトさせたいURL';"

上記のコードを「その他の設定」に貼り付けます。ただしAjaxが正常に機能していなければなりません。

後で読み直す

お気に入り登録した記事一覧

記事タイトルとURLをコピーする

Administrator

Joliee

Joliee

東京都内で福祉関係のWEB制作を担当しています。WEB制作についてはCSSで何とかしたいがモットーです。柴犬男子と暮らしています。少しでも体格よくするために始めた筋トレなど学んできたことを少しでもアウトプットできるようにブログに残しています。

樂(ガク)

樂(ガク)

豆柴犬の樂(ガク)です。かまってちゃんな性格な柴犬男子です。好きなものは歯磨きガムです。ドッグフードは生きていくために渋々食べています…