前提
Wordpressでcontact form7のプラグイン使用してフォームをつくっております。
確認画面・サンクスページも別途ページ作成しており、
「Contact Form 7 Multi-Step Forms」も一緒に使って、確認ページまで遷移できることは確認しておりますが、
送信ボタンを押してもサンクスページに飛ばず、確認画面に留まったままとなってしまい、
確認画面での「送信」ができません。
【Wordpressバージョン】
WordPress 6.1.1
【サーバー環境】
さくらサーバー
PHPバージョン:7.4.33 (モジュールモード)
サーバーホスト名:www1234.sakura.ne.jp(仮)
【cf7でのメール設定】
<管理者側に届くメール>
送信先:admin@test-inc.co.jp(=[_site_admin_email]です)
送信元:test@test-inc.co.jp
<お問い合わせ送信者に届く自動送信メール>
送信先:[your-email]
送信元:[_site_title] test@test-inc.co.jp
実現したいこと
確認ページで「送信」ボタンを押すと、サンクスページに遷移し、メールが飛ぶようにしたい。
発生している問題・エラーメッセージ
送信ボタンを押してもサンクスページに飛ばず、確認画面に留まったままとなってしまい、 メールも実際には送信できていません。
該当のソースコード
▼フォーム入力画面
html
1<div class="form-row"> 2 <div class="form-head"><span class="required">必須</span><span class="text">お名前</span></div> 3 <div class="form-content"> 4[text* fullName class:form-input placeholder "例)山田 太郎"] 5 </div> 6 </div> 7 <div class="form-row"> 8 <div class="form-head"><span class="required">必須</span><span class="text">フリガナ</span></div> 9 <div class="form-content"> 10[text* kanji class:form-input placeholder "例)ヤマダ タロウ"] 11 </div> 12 </div> 13 <div class="form-row"> 14 <div class="form-head"><span class="required">必須</span><span class="text">電話番号</span></div> 15 <div class="form-content"> 16[tel* tel class:form-input placeholder "例) 00-0000-0000"] 17 </div> 18 </div> 19 <div class="form-row"> 20 <div class="form-head"><span class="required">必須</span><span class="text">メールアドレス</span></div> 21 <div class="form-content"> 22[email* your-email class:form-input placeholder "例) info@test.jp"] 23 </div> 24 </div> 25 <div class="form-row is-textarea"> 26 <div class="form-head"><span class="required">必須</span><span class="text">お問い合わせ内容</span></div> 27 <div class="form-content"> 28[textarea* content class:form-input placeholder "お問い合わせ内容をご入力ください"] 29 </div> 30 </div> 31 <div class="form-policy"><a href="/" target="_blank" rel="noopener">個人情報保護方針</a>を必ずご覧いただき、 同意される場合はチェックを入れてください。</div> 32 <div class="form-agree"> 33 <div class="form-checkbox-field"><label>[acceptance agreement class:form-input]<span class="text">個人情報保護方針に同意する</span>[/acceptance]</label></div> 34 </div> 35 <div class="form-button">[submit class:button-secondary class:trans "入力内容を確認する"] 36[multistep multistep-743 first_step "/test/contact_confirm"] 37 </div>
▼フォーム確認画面
html
1<div class="form-row"> 2 <div class="form-head"><span class="required">必須</span><span class="text">お名前</span></div> 3 <div class="form-content"><span>[multiform fullName]</span></div> 4 </div> 5 <div class="form-row"> 6 <div class="form-head"><span class="required">必須</span><span class="text">フリガナ</span></div> 7 <div class="form-content"><span>[multiform kanji]</span></div> 8 </div> 9 <div class="form-row"> 10 <div class="form-head"><span class="required">必須</span><span class="text">電話番号</span></div> 11 <div class="form-content"><span>[multiform tel]</span></div> 12 </div> 13 <div class="form-row"> 14 <div class="form-head"><span class="required">必須</span><span class="text">メールアドレス</span></div> 15 <div class="form-content"><span>[multiform your-email]</span></div> 16 </div> 17 <div class="form-row is-textarea"> 18 <div class="form-head"><span class="required">必須</span><span class="text">お問い合わせ内容</span></div> 19 <div class="form-content"><span>[multiform content]</span></div> 20 </div> 21 <div class="form-button">[submit class:button-secondary class:trans "送信する"] 22 </div> 23 <div class="form-link">[previous "入力内容を修正する"]</div> 24[multistep multistep-706 last_step send_email "/test/contact_complete"]
試したこと
確認画面導入前(Contact Form 7 Multi-Step Forms導入前)の時点から
すでに送信ができておらず、
赤枠で「メッセージの送信に失敗しました。後でまたお試しください。」のエラーが出ておりました。
そのため、サーバー側の問題かと思い、以下は確認しました。
・サーバー側のWAF設定
ー無効になっている
・下記サイトを参考に、「Check Email」プラグインでメールが送信できるかチェックしましたが、
できませんでした。
https://kinsta.com/jp/blog/wordpress-not-sending-email/
補足情報(FW/ツールのバージョンなど)
●確認画面・サンクスページ導入にはこちらを参考にしました。
https://junpei-sugiyama.com/contact-form7-confirm/
ご回答いただけると幸いです。
よろしくお願いいたします。
補足情報(23/1/6追加)
送信ボタンを押した後、画面自体は切り替わるような挙動は見られるのですが、
表示上は確認画面と同じでありながら、URLが下記のように変化いたします。
といったURLになります。

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。