質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.31%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

1回答

1393閲覧

Wordpress | Contact form7 | さくらサーバー | 送信できない

pippi_385

総合スコア10

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

1クリップ

投稿2023/01/04 09:40

編集2023/01/06 10:07

前提

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が下記のように変化いたします。

http://test.net/test/contact_confirm/?_wpcf7=56&_wpcf7_version=5.7.2&_wpcf7_locale=ja&_wpcf7_unit_tag=wpcf7-f56-o1&_wpcf7_container_post=0&_wpcf7_posted_data_hash=&_cf7msm_multistep_tag=%7B%22send_email%22%3A1%2C%22next_url%22%3A%22%5C%2Ftest%5C%2Fcontact_complete%22%7D&cf7msm-no-ss=

といったURLになります。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

WP mail SMTPを導入することで解決いたしました。
サーバー側の影響でした。

投稿2023/09/21 06:24

pippi_385

総合スコア10

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問