Contact Form 7

contact form 7で、選択したら他の選択肢が出てくる分岐を作った

Conditional Fields for Contact Form 7ならできるよ!
ダウンロードはこちらから

Contact Form 7と
Conditional Fields for Contact Form 7のどちらも必要なので
インストールします。

やりたいこと

・プルダウンなフォームから何かを選択すると更に選択肢が出る
・あらかじめフォームはすっきりさせておきたい
・ラジオボタンで何かをクリックしたら入力フォームを出したい

こんな感じでしょうかね。
何かを選択したらそれに付随する選択肢が出るというところでは共通ですね。

早速作ってみます。

Contact form 7 でフォームを作ってみる

ドロップダウンメニューでプルダウン式の選択肢を作ります。

 
名前はmenu1。オプションはaaa、bbb、cccが選択できるようにしました。

 
aaaが選択された時にテキスト入力フォームを出したいので、表示させるテキストフォーム作ります。
textフォームの名前はtext1にしました。

 
 

ここから肝要。グループを作るよ

Conditional Fields Groupのボタンをクリック

 
group-1というグループを作りました。
これは、aaaが選択された時に表示させるグループということになります。
このショートコードを、表示させたいフォームに対して囲みます。

ここまででいったん保存してください。絶対だよ!
※保存しないと条件式が作れないです。
 
 

ルール(条件)を作るよ

Conditional fieldsのタブをクリック

 
add new conditional ruleをクリックすると新しい条件を作ることができます。

 
menu1でaaaが選択された時にgroup-1を表示させたいので、
if(もし) menu1(menu1のなかで) equals(変更なし) aaaが選択されたら group-1 をshow
というif文ができます。

 
ということで、無事に表示されました。条件分岐のさらに分岐も可能です。すごいなー!

必要ないかもしれないけど、デモページ置いておきますね・・・・
demo

Contact Form 7でアップロードしたファイルをWP上で管理する

Contact Form 7で作ったメールフォームから
ファイルをアップロードした場合、メール添付をさせるのが基本的な使い方かと思います。
https://contactform7.com/ja/file-uploading-and-attachment/
本家にそう書いてあるのでたぶんそう

メール添付が正常に送られると、サーバ上にアップされたデータは消えます。

フォーム送信

メール添付

正常に送られたらファイル削除

となる流れです。

そうすると、うっかりIMAP受信をしていてうっかりメールを削除した場合リカバリできません。
なので、WP側に蓄積されるといいなというのが前提。
WP側で管理してくれるプラグインが、
Advanced Contact form 7 DB(英語版のみ)
になります。


使い方は、インストールしたら、Advanced CF7 DBの画面から、読み込ませたいフォームを選ぶだけ。
過去のフォームには対応してないので過去のものは取り出せません。