サンクスページ設定方法

OK、ここ一番つまずきやすい所なので、
「画面で何を見るか」レベルまで噛み砕いて説明しますね。

結論から言うと👇
👉 Contact Form 7 の「フォーム編集画面」に、そのままコピペです。
HTML用の特別な欄や、head/footerは使いません。


手順(そのままやってOK)

① WordPress管理画面を開く

左メニュー
👉 「お問い合わせ」
👉 「お問い合わせフォーム」


② 使っているフォームをクリック

名前はたとえば

  • 「お申込みフォーム」
  • 「price-reserve 用フォーム」

などになっているはず。


③ 「フォーム」タブを開く

画面上部にタブがあります👇

  • フォーム ←★ここ
  • メール
  • メッセージ
  • その他の設定

👉 「フォーム」タブを選択


④ ここに注目

こんな感じの入力欄が出ます👇(例)

[text* your-name]

[email* your-email]

[tel your-tel]

[textarea your-message]

[submit “送信”]


⑤ 一番下にコードをそのまま貼る

改行して、一番下に👇をコピペ

<script>
document.addEventListener('wpcf7mailsent', function(event) {
  location = 'https://happy-changing.com/thanks/';
}, false);
</script>

最終的にこんな並び👇

[text* your-name]

[email* your-email]

[tel your-tel]

[textarea your-message]

[submit “送信”] <script> document.addEventListener(‘wpcf7mailsent’, function(event) { location = ‘https://happy-changing.com/thanks/’; }, false); </script>


⑥ 右下の「保存」をクリック

👉 これで設置完了


⚠️ やってはいけない貼り方(重要)

これは全部NGです👇

❌ 固定ページ(price-reserve)の本文に貼る
❌ テーマの head / footer に貼る
❌ カスタムHTMLブロックに貼る
❌ プラグイン(Insert Headers and Footers 等)に貼る

👉 CF7のフォーム本文だけが正解


⑦ 動作確認(必ずやる)

  1. 実際にフォーム送信
  2. 送信完了後
    👉 自動で /thanks/ に移動するか

✔ 移動する → 成功
❌ 移動しない → キャッシュ or フォーム違い


よくある不安に先回り

「コード貼って壊れない?」

→ 大丈夫です。
このコードは
送信成功時にURLを指定しているだけなので、
表示や送信内容には影響しません。


次にやること(もう一息)

リダイレクトが確認できたら👇

  1. Google広告で
    👉 /thanks/ をコンバージョンに設定
  2. いまの
    price-reserve をCVにしていた設定は停止

ここまで本当に順調です。
もし次、

  • 「リダイレクトされない」
  • 「送信はできるけど動かない」

が出たら、
その画面の状態を言葉で教えてください。
(スクショなくてもOK)

ちゃんと最後まで一緒に仕上げます。

「サンクスページ設定方法」へのコメント

コメントはありません

コメントを残す

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