ワードプレス関連の役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

Contact Form 7 add confirm - お問い合わせフォームに確認画面を追加できるWordPressプラグイン

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

記事公開 2014.11.18

Contact Form 7 add confirmは、Contact Form 7 のお問い合わせフォームに確認画面を追加できるプラグインです。

Contact Form 7 のお問い合わせフォームには、標準では確認画面を表示する機能がありません。このプラグインは、その確認画面の機能を簡単に追加できます。

お問い合わせフォームの確認画面は、フォームに入力した内容を送信前に確認でき、入力間違いを少なくするのに役立ちます。フォームに確認画面が必要な場合は、非常に便利なプラグインなので活用しましょう。

はじめに

このプラグインが優れている点

  1. Contact Form 7 のお問い合わせフォームに確認画面を追加できる。
  2. 非常に簡単に導入できる。プラグインを有効化後、フォームのタグを少し追加するだけで利用できる。
  3. フォームの確認画面に「前の画面に戻るボタン」を追加できる。

プラグインの概略説明

プラグインの詳しい説明は、開発者の記事をご覧下さい。

開発者の記事

Contact Form 7に確認画面をものすごく簡単に付けられるプラグイン

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「Contact Form 7 add confirm」で検索
  2. WordPress.org からダウンロード

使用上の注意点

  1. Contact Form 7 add confirm を利用する前提条件として、Contact Form 7 の設定を済ませた上でフォームからメールを送信可能な状態にしている必要があります。本記事では Contact Form 7 の導入に関する基本的な説明は省略しています。
  2. このプラグインの開発者と Contact Form 7 の開発者は別の人です。プラグインのアップデートなどで正常に動作しなくなる可能性も十分考えられます。このプラグインを利用する際は、動作確認を行った上で、自己責任で利用して下さい。

プラグインの使い方

管理画面の場所

このプラグインの管理画面は下記の場所にあります。

WordPress管理画面 > お問い合わせ > コンタクトフォーム

基本的な使い方

  1. Contact Form 7 のインストール及び初期設定を済ませる。
  2. Contact Form 7 add confirm のプラグインをインストールして有効化する。
  3. Contact Form 7 のフォームの編集画面からタグを編集し、「タグの作成」のメニューから「確認ボタン」と「戻って編集ボタン」を追加する。
  4. フォームの設定内容を保存する。
  5. Webブラウザでお問い合わせフォームを表示し、フォームのテスト送信を行う。
  6. フォームの確認画面が表示され、問題なくメール送信および受信ができれば完了です。

コンタクトフォームの編集

画面右側にある「タグの作成」メニューをクリックし、下の方にある「確認ボタン」と「戻って編集ボタン」を追加します。送信ボタンは最初から雛形にあるので、「確認ボタン」と「戻って編集ボタン」を追加します。

コードは手動でも編集可能です。追加するコードは下記の通りです。ボタンの文言は自由に変更可能です。ちなみに、確認画面へ進むボタンと再編集ボタンは、フォームの確認ボタンでのみ表示されます。フォームの入力画面では自動的に非表示になります。

コンタクトフォームの編集

[confirm "確認画面へ"]
[submit "送信する"]
[back "編集し直す"]

変更作業はこれだけです

変更作業はこれだけで完了です。後はフォームのテスト送信を行って動作を確認しましょう。

フォームの画面例

設定内容に問題がなければ、下記図の順番で画面遷移します。

フォームの入力

フォームの入力

確認画面

確認画面

送信完了

送信完了

まとめ

Contact Form 7 add confirmは、Contact Form 7 のお問い合わせフォームに確認画面を追加できるプラグインです。

お問い合わせフォームの確認画面は、フォームに入力した内容を送信前に確認でき、入力間違いを少なくするのに役立ちます。フォームに確認画面が必要な場合は、非常に便利なプラグインなので活用しましょう。

スポンサーリンク

最後までお読み頂き、ありがとうございます

この記事の内容が役に立ったと思ったらソーシャルメディアで共有してね。

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

RSSフィードを購読する

follow us in feedly

関連記事

コメント

  1. この記事へのコメントはありません。

  1. 2015年 12月 04日

CAPTCHA


ソーシャルメディア & RSS

Twitter Facebook Google+ RSSフィード

スポンサーリンク

ワードプレステーマTCD

ネタワンでも利用しているTCDのWordPressテーマを紹介します。様々な種類のテーマが販売されています。

MAG(TCD036)

WordPressテーマ「MAG(TCD036)」

ハイクオリティーな人気ブログを構築できるWordPressテーマ


ワードプレステーマTCDの詳細&レビューはこちら