実現したいこと
申し訳ございません。
昨日同じ質問を投稿しましたが、もう少し詳しく状況を説明し再投稿いたします。
Contact Form 7で作成した問い合わせフォームの確認画面と送信完了画面を表示させたいです。
前提
XAMPPで構築したローカル環境だから動作しないものだと思い、実際のサーバにサブドメインを作成し、そのサブドメイン内に問い合わせフォームを作成しました。問い合わせフォームはindex.phpにショートコードを以下のように設置しています。
送信内容の確認画面、送信完了画面はそれぞれ固定ページで作成しています。
確認画面：page-confirm.php
送信完了画面：page-thanks.php
また、Contact Form 7の編集画面から以下のようなフォームを作成しています。
・問い合わせフォーム [contact-form-7 id="6" title="問い合わせフォーム"] このショートコードをindex.phpに記述しています。
・問い合わせフォーム(確認) [contact-form-7 id="7" title="問い合わせフォーム(確認)"] このショートコードをWordpress管理画面内固定ページ編集画面からショートコードを記述しています。
バリデーションなどは正常に機能しています。
発生している問題・エラーメッセージ
「確認画面へ」ボタンを押すと、確認画面へ移動するはずが、緑色の枠内に「ありがとうございます。メッセージは送信されました。」と表示される。
送信元メールアドレスにメールは届いていましたが、フォーム内に記述したメールアドレス宛にメールは届いていませんでした。
また、デバッグモードはオンにしているのですが、特にエラーは確認されませんでした。
該当のソースコード
問い合わせフォーム
html
1<div class="Form">2 <div class="Form-Item">3 <p class="Form-Item-Label"><span class="Form-Item-Label-Required">必須</span>御社の法人名</p>4 <p class="input_area">[text* company_name class:Form-Item-Input]</p>5 </div>6 <div class="Form-Item">7 <p class="Form-Item-Label"><span class="Form-Item-Label-Required">必須</span>担当者お名前</p>8 <p class="input_area">[text* user-name class:Form-Item-Input]</p>9 </div>10 <div class="Form-Item">11 <p class="Form-Item-Label"><span class="Form-Item-Label-Required">必須</span>メールアドレス</p>12 <p class="input_area">[email* mail class:Form-Item-Input]</p>13 </div>14 <div class="Form-Item">15 <p class="Form-Item-Label isMsg"><span class="Form-Item-Label-Required">必須</span>お問い合わせ内容</p>16 <p class="input_area">[textarea* message class:Form-Item-Textarea]</p>17 </div>18 <div class="checkbox_wrap">19 <p class="privacy">プライバシーポリシーをご確認の上、<br>同意していただける場合はチェックをつけてください。</p>20 <p class="privacy">[checkbox* privacy class:privacy use_label_element "同意する"]</p>21 </div>22 <div class="Btn_wrap">23 [submit class:Form-Btn "確認画面へ"] 24 [multistep multistep-372 first_step "/confirm"] 25 </div>26</div>
問い合わせフォーム(送信内容確認用)
html
1<p>以下の内容で送信します。</p>2<div class="Form">3 <div class="Form-Item">4 <p class="Form-Item-Label"><span class="Form-Item-Label-Required">必須</span>御社の法人名</p>5 <p class="input_area">[multiform "company_name"]</p>6 </div>7 <div class="Form-Item">8 <p class="Form-Item-Label"><span class="Form-Item-Label-Required">必須</span>担当者お名前</p>9 <p class="input_area">[multiform "user-name"]</p>10 </div>11 <div class="Form-Item">12 <p class="Form-Item-Label"><span class="Form-Item-Label-Required">必須</span>メールアドレス</p>13 <p class="input_area">[multiform "mail"]</p>14 </div>15 <div class="Form-Item">16 <p class="Form-Item-Label isMsg"><span class="Form-Item-Label-Required">必須</span>お問い合わせ内容</p>17 <p class="input_area">[multiform "message"]</p>18 </div>19 <div class="checkbox_wrap">20 <p class="privacy">プライバシーポリシーをご確認の上、同意していただける場合はチェックをつけてください。</p>21 <p class="privacy">[multiform "privacy" class:privacy use_label_element "同意する"]</p>22 </div>23 <div class="Btn_wrap">24 [previous class:Form-Btn_fix "戻る"] 25 [submit class:Form-Btn "送信"] 26 [multistep multistep-629 last_step send_email "/thanks"] 27 </div>28</div>
試したこと
前回質問した際、デバッグモードが機能していないため、エラー内容が分からないからではないかとご回答いただいたため、
デバッグモードをオンにして検証していましたが、何もエラーは発生していませんでした。
補足情報（FW/ツールのバージョンなど）
使用プラグイン：
・Contact Form 7
・Contact Form 7 Multi-Step Forms
以前も同様のプラグインを使用して実装しようとしたところ、
同様に確認画面へ移行せずに送信できてしまったため、別のプラグインを使用して実装しました。
かれこれ3日程修正を行っていますが、一向に解消できないため、ご質問させていただきました。
ご助力の程、よろしくお願いいたします。
0 コメント