【WordPress】Contact Form 7 に確認画面を追加する|大阪のホームページ制作会社 SmileVision

社員ブログ 【WordPress】Contact Form 7 に確認画面を追加する

ども、こんにちは!いろはです。
今回は「Contact Form 7 add confirm」というContact Form 7を拡張するプラグインをご紹介いたします!

目次

1.Contact Form 7 add confirmとは?

「Contact Form 7 add confirm」とはContact Form 7のお問い合わせページに確認画面を追加するプラグインです。
確認画面があるとメール送信のステップがわかりやすくなりますので、ユーザーの誤送信を減らせるかと思います。

2.Contact Form 7 add confirmのダウンロード

公式サイトからContact Form 7 add confirmをダウンロードしてインストール・有効化します。

あわせて読みたい
【WordPress】プラグインの使い方(インストール・有効化・停止・削除)ども、こんにちは!開発部のいろはです。 2018年1月現在WordPressには約53,600を超えるプラグインがあり、 最も人気な...

3.Contact Form 7 add confirmの使い方

Contact Form 7が導入されていないと使用できませんので、同時にContact Form 7も導入しましょう!
ここではContact Form 7の導入や設定が終わっていること前提で進めさせていただきます。

あわせて読みたい
【WordPress】Contact Form 7を使ったお問い合わせフォームの作成こんにちは!開発部のいろはです。 今回はWordPressのプラグイン「Contact Form 7」を使用した お問い合わせフォー...

Contact Form 7のフォーム編集画面に、「確認ボタン」と「戻って編集ボタン」が追加されますので、確認ボタン・戻って編集ボタン・送信ボタンの順番に配置してください。

■コピペ用

管理画面では3つ隣同士に配置しましたがフォームで確認すると、ボタンは1つだけ表示されます

確認画面では戻って編集するボタンと送信ボタンが表示されます

4.Contact Form 7 add confirm が動かない時の対処方法

確認画面ではないのに全ボタンが表示される場合は「wp_head」と「wp_footer」を読み込んでいない可能性があります。私はかつてこれにハマりました。

get_header()の下にwp_head()を、
wp_footer()の上にget_footer()を追加します。

5.〆

いかがだったでしょうか。
取り上げたポイントを参考に、使いやすく満足度の高いフォームを作っていきたいですね。

あわせて読みたい
【WordPress】ContactForm7の備忘録ども、こんにちは。開発部のいろはです。 ContactForm7は問い合わせフォームを簡単に設置できるWordPressのプラグインで...

それではお疲れ様でした!ノシ

ABOUT ME
いろは
いろは
■部署 開発部 ■スペック(Level、身長、座高、属性、資格) 水属性(100℃) ■入社年 2017年 ■趣味 ごはん(つくる)、白と茶色模様の犬、ボウリング、珈琲 ■座右の銘 明けない夜はない ■ひとこと レアカラーなシーグラスを拾いに行きたい