【WordPress】Contact Form7のMulti-Step Formsでファイルを添付する方法

WordPress

2024/10/5

記事内に広告が含まれていることがあります。

Contact Form7で「Multi-Step Forms」というプラグインを使うと確認フォームを追加することができます。

確認フォームを使うと、１つ目の入力フォームでアップロードしたファイルを確認フォームに渡すことができません。そんな場合にファイルを添付する方法を２つ紹介しています。

Contact Form7のMulti-Step Formsでファイルを添付する方法

２つの方法

１つ目の方法は、メールを２回送信することです。

例えば、１つ目のフォームで確認画面に進むときに、添付してもらったファイルのみを送信します。

ただしこの場合確認画面で添付したファイルを確認することはできません。

通常は「First Step」と「Next Page URL」を設定します。このときに「Send Email」にもチェックを入れます。

　　↓　タグを挿入

[multistep multistep-273 first_step send_email "/confirmation/"]

「メール」タブで、ファイル添付のタグ（[upload-file-xxx]や[file-xxx]）をコピーします。

「ファイル添付」にタグをペーストします。

以上で完了です。

２つ目の方法は、確認用のフォームにファイルアップロードのタグを設置することです。

フォームで「ファイル」や「mulitple file upload」などのファイルを添付するためのタグを挿入します。

参考

「mulitple file upload」は「drag-and-drop-multiple-file-upload-contact-form-7」というプラグインを導入すると表示されます。

ファイルをドラッグ＆ドロップで添付できる便利なツールです。

「multistep」タグは通常と同じように「Last Step」「Send Email」にチェックを入れ、必要に応じて「Next Page URL」を入力します。

以上で完了です。