プラグイン
PR

コンタクトフォーム7で添付ファイルが表示されない場合の対処法

pino
記事内に商品プロモーションを含む場合があります

コンタクトフォーム7で、添付ファイルが表示されないケースはいくつかのパターンがあります。

  • 「Contact Form 7 Multi-Step Forms」を使っている
  • タグを忘れている
  • ファイルサイズが大きい

この記事では、それぞれのパターンの解決方法を簡単にお伝えします。

ウェルカ<br>編集長
ウェルカ
編集長

「Contact Form 7 Multi-Step Forms」を使っている

「Contact Form 7 Multi-Step Forms」を使っていて、内容確認ページを挟んでいる場合、添付ファイルは文字情報となってしまい、画像が表示されません。

  1. 情報入力フォーム(ファイル添付する)
  2. 内容確認ページ(ファイルが文字情報になる)
  3. 送信(ファイルが表示されない)

「Contact Form 7 Multi-Step Forms」を使って確認ページを使いたい場合は、次のステップでファイルを送信できます。

ウェルカ<br>編集長
ウェルカ
編集長
  1. 情報入力フォーム(ファイル添付タグは使用しない
  2. 内容確認ページ(ファイルタグを使って添付する)
  3. 送信(ファイルが表示される)

名前などの基本フォームを1ページ目にし、「確認ページ」に基本フォームの確認タグと、ファイル添付のタグを入れることで、ファイルが文字情報になるのを防ぎます。

タグを忘れている

コンタクトフォーム7の項目が表示されない不具合で、よくあるのがタグの設置忘れです。

基本的なことですが、コンタクトフォーム7を使い始めたばかりの人は、ほとんど引っかかります。

ウェルカ<br>編集長
ウェルカ
編集長

フォームを入力した場合は、必ず「メール」の方にも、フォームに対応するタグを設置しましょう。

「フォーム」

[text your-name]

「メール」

お名前:[your-name]

「text」の部分はフォームの種類。「your-name」の部分はフォームに対応するパスワードのようなものです。

仮に、フォームに[text momotarou]と作れば、メールフォームに[momotarou]と入れることで、[text momotarou]に入力した内容がメールに反映されます。

このタグを忘れていると、フォームを作ってもメールには反映されませんので、「ファイルが表示されない」ということになります。

ファイルサイズが大きい&指定されたファイル形式でない

あまりないケースですが、ファイルサイズが大きかったり、指定されたファイル形式ではない場合に、画像を添付できません。

デフォルトの設定だと、添付できるファイルサイズは約1メガバイトです。スマートフォンで撮影した高画質な画像などは、1〜2メガバイトあるので、上限を解除していなければ添付できません。

通常はエラーメッセージが出ますが、CSSでカスタマイズしているエラーメッセージが、不具合で表示されない場合などに起こります。

ウェルカ<br>編集長
ウェルカ
編集長

「添付した」と思っていたけど、添付されていないパターンですね。

この場合は、ファイルがきちんと添付できているか確認することで、表示を確認することができます。

ちなみにファイル制限の外し方は次のとおりです。

[file* file-100 limit:3mb]
[file* file-100 limit:1mb]
[file* file-100 limit:1]
  • [limit:3mb]は、「ファイルサイズ上限を3メガバイトとする」という意味です。
  • [limit:1]は、「ファイルサイズ上限を1バイトとする」という意味です。

サンプル:ファイル設定

    必須上限3メガバイトの画像

    任意上限1メガバイトの画像

    任意上限1バイトの画像

    ただし、1フォームにつき、最大25メガバイトが上限です。

    コンタクトフォームの設定時点で、添付可能なファイル合計が25メガバイトを超えていると、エラーメッセージが出て設定できません。

    ファイルを添付でお問い合わせフォームを使いこなす

    無料で使えるコンタクトフォームで、ファイル添付もできるツールはほとんどありません。

    コンタクトフォーム7は、ファイル添付以外の機能も充実しており、大概のフォームには対応できます。

    ウェルカ<br>編集長
    ウェルカ
    編集長

    ファイル添付機能付きのフォームを作成したい方が、ここで紹介した方法で問題を解決できれば幸いです。

    あわせて読みたい
    【全7サンプル付き】コンタクトフォーム7でできること一覧!
    【全7サンプル付き】コンタクトフォーム7でできること一覧!
    記事を書いた人
    WELUCA
    WELUCA
    ウェルカ
    大阪府でホームページ制作をしています。WordPress・SEO・Webマーケティングのコンテンツを発信中!
    記事URLをコピーしました