Contact Form 7 の設定あれこれ

確認画面を追加する

「Contact Form 7 add confirm」プラグインを追加
https://ja.wordpress.org/plugins/contact-form-7-add-confirm/

それぞれの画面時に表示されるクラスです。

入力画面クラス; .wpcf7c-elm-step1
確認画面クラス: .wpcf7c-elm-step2
完了画面クラス: .wpcf7c-elm-step3

 

メールアドレスの再入力確認

 

メッセージボックスの配置を変更する

挿入したいところに [response] を入れる。

複数入れることも可能なので、入力フィールドの上下に設置することもできます。

 

完了画面を別ページにリダイレクト

完了ページを別途固定ページなどで作成します。
location.replace(‘/complete/’); の箇所にリンク先を設定してください。

 

  • このエントリーをはてなブックマークに追加
  • Pocket

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください