【WordPress】自作問い合わせフォーム/確認画面遷移しない
◆実現したこと
コンタクトフォーム7などのプラグインを使用せずに、オリジナルデザインで「入力フォーム→確認画面→完了画面→サンクスメール送信/管理者に入力情報メール送信」したい。
◆困っていること
htmlで構築している際はメールの受信まで完璧でしたが、WordPressに移行した途端、入力フォームから確認画面への遷移で404エラーが出てしまいます。が、URLはきちんとスラッグを取得しています。
入力フォーム(親:page-request.php)・確認画面(子:page-requestconfirm.php)・完了画面(孫:page-requestmail.php)は全て固定ページにしており、ダッシュボードの固定ページから表示はされています。
納期が迫っており、とてもテンパっているので、単純な記述ミスなのか分かりませんが、どなたか助けてください。
【入力フォーム：page-request.php】
<form id="form" enctype="multipart/form-data" action="<?php echo home_url('/requestconfirm/'); ?>" method="post">
<table class="riquest-table">
<tr>
<th>
<label>お名前</label><span>必須</span>
</th>
<td>
<input type="text" id="firstname" name="firstname" required placeholder="姓">
<input type="text" id="lastname" name="lastname" required placeholder="名">
</td>
</tr>
<tr>
<th>
<label>フリガナ</label> <span>必須</span>
</th>
<td>
<input type="text" id="first_f_name" name="first_f_name" required placeholder="セイ">
<input type="text" id="last_f_name" name="last_f_name" required placeholder="メイ">
</td>
</tr>
<tr>
<th>
<label>勤務先</label>
</th>
<td>
<input type="text" id="company" name="company" placeholder="○○株式会社">
<span>※法人のお客様は<a href="<?php echo home_url('/request_corporation'); ?>" target="_blank">こちら</a>からお申込みください。</span>
</td>
</tr>
<tr>
<th>
<label>性別</label>
</th>
<td>
<input type="radio" name="sex" value="男性"> 男性
<input type="radio" name="sex" value="女性"> 女性
</td>
</tr>
生年月日
省略
年
省略
月
省略
日
<tr>
<th>
<label>資料の受取方法</label><span>必須</span>
</th>
<td>
<input type="radio" name="type" value="郵送"> 郵送
<input type="radio" name="type" value="ダウンロード"> ダウンロード
</td>
</tr>
<tr>
<th>
<label>ご希望の送付先</label>
</th>
<td>
<select id="send" name="send">
<option value="">-</option>
<option value="自宅">自宅</option>
<option value="勤務先">勤務先</option>
</select>
<span>※自宅または勤務先をご選択ください。</span>
</td>
</tr>
住所 必須
〒
<!-- 住所表示 -->
<!-- 番地やマンション名 -->
※町名以降、番地・建物名・号数を、お忘れなくご入力ください。
<tr>
<th>
<label>電話番号</label> <span>必須</span>
</th>
<td>
<input type="tel" id="tel" name="tel" required placeholder="00-0000-0000">
<span>※半角数字でご入力ください</span>
</td>
</tr>
<tr>
<th>
<label>メールアドレス</label> <span>必須</span>
</th>
<td>
<input type="email" id="email" name="email" required placeholder="address＠mail.com">
<span>※半角英数字でご入力ください</span>
</td>
</tr>
<tr>
<th>
<label>お問い合わせ</label>
</th>
<td>
<textarea id="comment" name="comment" placeholder=""></textarea>
</td>
</tr>
</table><!-- 個人情報の取り扱いについて -->
<div class="privacy">
<h3>個人情報の取り扱いについて</h3>
<p>以下をご確認頂き、｢同意する｣にチェックをお願い致します。</p>
<ol>
<li>
※こちらは個人情報の取り扱いに関する明文です。
</li>
</ol>
</div>
<span class="privacy-check">
<input type="checkbox" id="privacy_check" name="privacy_check" value="個人情報の取り扱いに同意しました。" required> 個人情報の取り扱いに同意する。
</span>
<button type="submit" id="btn" name="action" value="post" class="hvr-shrink">
送信内容を確認する
</button>
<p class="ssltext">※お客さまの入力情報はSSL通信により暗号化され守られております。</p>
</form>
0 likes
