【2018年最新】「Contact Form 7」を強化する4つのWordPressプラグイン

Webサイトにおいて「見積もり依頼」や「問い合わせ」などを受け取るにはメールフォームの設置が必要不可欠でしょう。
そしてWordPressでメールフォームプラグインと言えば「Contact Form 7」でしょう。
日本製で高機能、無料で使えると至れり尽くせりであり、メールフォーム用といえばとりあえずこのプラグインで間違いありません。

ところで、この「Contact Form 7」はそれ単体でも便利ですが、さらに強化するためのプラグインがあるのはご存じでしょうか?
プラグインのプラグインではありますが、その強化用プラグインを入れる事で「Contact Form 7」はさらに強化されます。
その強化用プラグインをいくつかご紹介します。

Conditional Fields for Contact Form 7

入力内容に応じて各フィールドを自動で表示・非表示の切り替えができるようになるプラグインです。
Contact Form 7 のフォーム上で入力内容に応じて各フィールドを自動で表示・非表示の切り替えができるため、選択肢に応じて入力欄を表示することが出来ます。

選択肢の中でその他という項目を選択されたときだけ、テキストボックスを表示するなどの利用例が考えられます。
また条件によってメール文章も切り替えられるため、文章形式のインタラクティブな応答メッセージを作ることも可能です。

サンプルコード

Which fields would you like to view? [select pick-fields "Basic fields" "Advanced fields" "All fields"]

[group basic-fields]
<fieldset>
<legend>Basic Fields</legend>

Your name
[text name]

Your email
[text email]
</fieldset>

[/group]
[group advanced-fields]

<fieldset>
<legend>Advanced Fields</legend>

Your operating system
[select pick-os "Windows" "Mac" "Linux" "Android" "iOS" "Other"]
[group other][text other_os][/group]

Some advanced fields
[text adv]
</fieldset>

[/group]

Contact Form 7 Multi-Step

Contact Form 7のフォームを簡単に分割してステップ式で表示できるようになるプラグインです。
項目毎に分割してステップ式(次へと進んでいく形式)のフォームが作成できます。

ステップ分フォームを作成するという単純な仕組みで簡単に作成できるため、導入も比較的容易でしょう。

サンプルコード

Your Fake Email (required)[email* your-email]

Which do you prefer?
[select menu-87 include_blank "android" "blackberry" "ios" "windows"]

How many checkboxes can you check?
[checkbox checkbox-588 use_label_element "one" "two" "three" "four" "five"]

Select your favorite plugin
[radio radio-204 default:1 use_label_element "Contact Form 7 Multi-Step Forms" "This plugin I'm trying"]

[submit "Next"]

<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>[multistep "1-3-http://webheadcoder.com/contact-form-7-multi-step-form-2/"]<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_end"></span>

Contact Form 7 Database Addon – CFDB7

Contact Form 7のフォームで送られた内容をデータベースに溜め込んでくれるプラグインです。
このプラグインを導入することで送られた内容をWordPress上で確認しCSVでエクスポートすることが可能です。

CSVでエクスポートして管理できるため、問い合わせやアンケート結果をCSVに出力してエクセルなどに貼り付ける事が可能になります。
つまりこのプラグインを使えばContact Form 7の問い合わせを手元で好きなように集計したりまとめたりととても便利に使えます。万が一メールが届かなくても情報が溜まるためバックアップにも使えます。

個人的には必須プラグインとも言えるプラグインであり、こちらは導入を是非おすすめします。
とりあえず入れておくだけで問い合わせ内容をWordPress上で見える、メールのバックアップ代わりになるというのはとても便利だと感じております。

サンプル画面

Contact Form 7 Dynamic Text Extension

Contact Form 7のテキスト欄や隠しフォームにGET、POSTなどからのデータ取得機能を追加したり、フィールドへ出力するプラグインです。カスタムフィールドも取得できるので、ACFと相性が良いです。

GETパラメータすなわちURLに付けたパラメータをテキスト欄に設定したり、隠しフォームに設定することが可能です。
またそれだけではなくカスタムフィールドやページタイトルなども設定できるため、1個のフォームでどのページからの問合せか判別するのに活用できます。

サンプルコード

//PHP GET
[dynamictext dynamicname "CF7_GET key='value'"]

//PHP POST
[dynamictext dynamicname "CF7_POST key='foo'"]

//テンプレートタグのBlogInfo
[dynamictext dynamicname "CF7_bloginfo show='url'"]

//ページタイトル
[dynamictext dynamicname "CF7_get_post_var key='title'"]

//ページスラッグ
[dynamictext dynamicname "CF7_get_post_var key='slug'"]

//ページURL	
[dynamictext dynamicname 'CF7_URL']

//カスタムフィールド	
[dynamictext dynamicname "CF7_get_custom_field key='フィールド名'"]

//ログインユーザー名	
[dynamictext dynamicname 'CF7_get_current_user']

[dynamictext dynamicname 'CF7_referrer']

まとめ

いかがでしたでしょうか?
「Contact Form 7」単体も便利ですが、「Contact Form 7」を強化するプラグインを入れれば今まで「Contact Form 7」では出来なかった事が出来るようになります。
もしかしたらこのようなプラグインで出来る事を自社開発していたなんて方もいるかもしれません。
今後、「Contact Form 7」を改造したいなんてことがあった場合は、まずは強化用プラグインを探してみて下さい。それだけで出来るのでしたら開発費用も工数もぐっと下がるでしょう。

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

よく読まれている記事