先日、wordpressでスクラッチLPを制作しました。
その際にContact Form7の設定を行ったのですが
色々とエラーが発生しましたので
備忘録としてメモを残します。
目次
自作スクラッチwordpressにcontact form7を追加する方法
まずは、自作スクラッチのwordpressにContact Form7を追加する方法について。
↓を参照してください。
自作したwordpressにcontactform7をつける1番簡単な方法 | フリーランスで稼ぐ方法まとめ
設定を変更し保存しようとしても、403エラー→WAFが原因の可能性大
contact form7の設定を保存しようとしても、保存ボタンを押した途端に403エラーが出る現象について。
これはWAF（Webアプリケーションファイアウォール）が関与している可能性が高いです。
サーバーの方で設定している、ファイアウォールのようなもの。
サーバー側の設定（サーバーコントロールパネルなど）から、WAFをOFFに設定して
1〜2時間ほどしてから、改めてやり直してみてください。
また、デフォルトのフォームを設定変更しようとすると403エラーになるのに
新規フォームより作成すると、無事に保存できることがあります。
試してみてください。
contactform7で設定を保存すると403エラーになる件 | web関連 | 二色人日記。
お問い合わせフォーム（Contact Form 7）が保存できず403エラーになる解消方法【heteml（ヘテムル）】 | 集客できる格安ホームページ制作｜Webma!
Contact Form 7で403エラー | 柴犬使いのSEO対策術式
フォーム送信後にリダイレクトできないエラー
フォームが送信されたのに、リダイレクトが動作せず
ページ転送がなされないエラーについて。
明確なエラー数字が出るのではなく、ただページ遷移が生じない
というケースもあるようです。
拡張プラグイン「Contact Form 7 Controls」でリダイレクトさせるのが一番かんたん
リダイレクトによりサンクスページなどに移動させたい場合
JSなどでフォーム内に記述するより
Contact Form7を拡張カスタマイズできるプラグインを利用したほうが素早く簡単です。
Contact Form 7で作成したフォームの仕様をカスタマイズできるWordPressプラグイン「Contact Form 7 Controls」 | TechMemo
Contact Form 7 Controlsの設定項目内
「Redirect to URL on Success」
でリダイレクト先を設定して、フォーム送信後にサンクスページへ移動させましょう。
JSによるリダイレクトの方法とエラー解消方法
↓こちらのページを参照してみてください。
送信後に異なる URL にリダイレクトさせるには | Contact Form 7 [日本語]
上のリンクの方法でリダイレクトができなかった場合には
下記を確認してみてください。
Contact Form 7のバージョンが 4.9以降
wp_footer() がテンプレート内で実行されているか
エラーが出ていないかデベロッパーツールで確認 ⇒ http://eng-entrance.com/javascript-display-error
WordPress – [Wordpress]Contact form 7送信後のリダイレクトが動かない｜teratail
フォーム内placeholderの改行方法
実体参照で改行コードを書きます。
10進数だと
です。
「改行できればしておきたい」程度で良いのであれば、Chrome と IE11 向けに、
10進数か16進数のどちらでも良いので、実体参照で書くのが良さげか。
safariの場合textareaのplaceholder改行問題 – Qiita
<textarea>のplaceholderで改行させる – Qiita
生年月日の入力フォーム
生年月日(都道府県)の入力フォームをプルダウンメニューで作成（Contact form 7） ｜ ゲージツ的生き方のススメ
Contact Form7からメールが送信されない・確認できない
なかなかよく発生するトラブルです。
・迷惑メールに入ってしまう
・そもそもメールが送信されていない
この2パターンがあります。
↓こちらの記事で詳細を記載していますので、ご確認ください。
Contact Form7からメールが送信されないエラーの対処方法
以上、Contact Form7のトラブルシューティングになれば幸いです！
Leave a Reply