タグが原因！コンタクトフォーム7のメール内容が届かない理由を解説
weluca
ウェルカ-WELUCA-
【コピペOK】コンタクトフォーム7のドロップメニューリスト一覧まとめ！
weluca
Contact Form 7でドロップメニューを作るとき、毎回リストの項目を考えるのは地味に面倒です。
お問い合わせフォームを作っていると、「お問い合わせ種別」「希望サービス」「予算」「相談内容」など、ドロップダウンメニューを使いたい場面がよくあります。
ただ、いざ作ろうとすると、どんな項目を入れればいいのか、Contact Form 7ではどう書けばいいのかで手が止まりやすいです。
編集長"/>フォーム作成って、入力欄を置くだけなら簡単なんですが、選択肢を考えるところで意外と時間を取られます。毎回ゼロから考えるのは、かなり非効率です。
この記事では、Contact Form 7でそのまま使えるドロップメニューリストを、用途別にまとめました。
コピペして項目名だけ調整すれば使えるように、ホームページ制作・予約・採用・資料請求・店舗問い合わせなど、よく使うパターンを一覧で紹介します。
この記事で分かること
- Contact Form 7のドロップメニューの基本形
- コピペで使えるドロップメニューリスト
- お問い合わせ種別・予算・希望時期などの選択肢例
- メール本文に選択内容を表示する方法
- ドロップメニュー作成時の注意点
Contact Form 7のドロップメニューの基本形
Contact Form 7でドロップメニューを作るときは、selectタグを使います。
公式ドキュメントでは、チェックボックス・ラジオボタン・メニューの項目として、ドロップダウンメニューには select を使うと説明されています。
公式：Contact Form 7：チェックボックス、ラジオボタン、メニュー
編集長"/>最初は書き方が少しややこしく見えますが、基本形を1つ覚えれば、あとは選択肢を入れ替えるだけで使えます。
基本形
[select your-menu "選択肢1" "選択肢2" "選択肢3"]必須項目にしたい場合は、select の後ろに * を付けます。
必須項目にする場合
[select* your-menu "選択肢1" "選択肢2" "選択肢3"]先頭に「選択してください」のような案内文を表示したい場合は、first_as_label を使うと分かりやすいです。
選択してくださいを表示する場合
[select* your-menu first_as_label "選択してください" "選択肢1" "選択肢2" "選択肢3"]まず入れておきたい「お問い合わせ種別」
一番よく使うのが、お問い合わせ種別のドロップメニューです。
フォームの入口で問い合わせ内容を分類しておくと、メールを受け取ったときに内容を判断しやすくなります。
編集長"/>個人的には、どんなサイトでも「お問い合わせ種別」は入れておいた方が便利です。メールを開く前に、だいたいの内容が分かるだけで対応がかなり楽になります。
お問い合わせ種別
[select* inquiry-type first_as_label "お問い合わせ種別を選択してください" "サービスについて" "料金について" "見積もり相談" "制作依頼" "修正依頼" "保守・管理について" "採用について" "取材・掲載について" "その他"][select* inquiry-type first_as_label "お問い合わせ種別を選択してください" "サービスについて" "料金について" "見積もり相談" "制作依頼" "修正依頼" "保守・管理について" "採用について" "取材・掲載について" "その他"]ホームページ制作会社や店舗サイトであれば、このまま使いやすいです。
よりシンプルにしたい場合は、以下のように項目を減らしても問題ありません。
シンプル版
[select* inquiry-type first_as_label "お問い合わせ種別を選択してください" "ご相談" "お見積もり" "ご依頼" "その他"]ホームページ制作向けのドロップメニュー
ホームページ制作やWordPress制作の問い合わせフォームでは、希望する内容を先に選んでもらうと、ヒアリングがスムーズになります。
特に「新規制作なのか」「修正なのか」「保守なのか」は、最初に分けておくと対応しやすいです。
編集長"/>ここを自由記述だけにすると、問い合わせ内容を読んでから分類する必要があります。最初に選んでもらうだけで、返信文の方向性が決めやすくなります。
希望サービス
[select* service-type first_as_label "希望サービスを選択してください" "ホームページ制作" "ランディングページ制作" "WordPress制作" "WordPress修正" "既存サイトのリニューアル" "保守・管理" "SEO相談" "MEO相談" "まだ決まっていない"]現在のサイト状況
[select site-status first_as_label "現在のサイト状況を選択してください" "まだサイトはない" "WordPressサイトがある" "無料サービスで作ったサイトがある" "古いホームページがある" "制作途中のサイトがある" "自分では分からない"]希望ページ数
[select page-count first_as_label "希望ページ数を選択してください" "1ページ" "2〜5ページ" "6〜10ページ" "11ページ以上" "まだ決まっていない" "相談して決めたい"]予算・納期のドロップメニュー
制作や相談系のフォームでは、予算と希望時期を聞いておくと便利です。
ただし、あまり細かく聞きすぎると問い合わせのハードルが上がるため、ざっくり選べる形がおすすめです。
編集長"/>予算を聞くのは大事ですが、最初から細かすぎると離脱されやすいです。「だいたい」で選べるくらいがちょうどいいです。
予算
[select budget first_as_label "ご予算を選択してください" "5万円未満" "5万円〜10万円" "10万円〜20万円" "20万円〜30万円" "30万円〜50万円" "50万円以上" "まだ決まっていない" "相談して決めたい"]希望時期
[select desired-date first_as_label "希望時期を選択してください" "できるだけ早く" "1週間以内" "2週間以内" "1ヶ月以内" "2〜3ヶ月以内" "急いでいない" "相談して決めたい"]希望連絡方法
[select contact-method first_as_label "希望連絡方法を選択してください" "メール" "電話" "Zoomなどオンライン" "LINE" "どれでもよい"]業種・店舗向けのドロップメニュー
店舗や事業者向けのフォームでは、業種を選べるようにしておくと、問い合わせ内容を把握しやすくなります。
特にホームページ制作や集客支援では、業種によって必要なページや訴求ポイントが変わります。
編集長"/>業種が分かるだけで、返信内容の具体度が変わります。たとえば美容室と士業では、必要な導線も見せ方もかなり違います。
業種
[select business-type first_as_label "業種を選択してください" "美容室・サロン" "整体・整骨院" "飲食店" "小売店" "士業" "建設・工務店" "不動産" "医療・クリニック" "福祉・介護" "スクール・教室" "個人事業主" "その他"]店舗数
[select shop-count first_as_label "店舗数を選択してください" "1店舗" "2〜3店舗" "4〜10店舗" "11店舗以上" "店舗はない" "その他"]対象エリア
[select area-type first_as_label "対象エリアを選択してください" "全国対応" "関西エリア" "大阪府" "兵庫県" "京都府" "奈良県" "和歌山県" "滋賀県" "その他"]予約・来店向けのドロップメニュー
美容室、整体、教室、サロンなどの予約フォームでは、希望日時やメニューを選べるようにしておくと便利です。
ただし、Contact Form 7だけで本格的な予約管理をするのは難しいため、あくまで希望を聞くフォームとして使うのがおすすめです。
編集長"/>予約フォームっぽく作ることはできますが、ダブルブッキング防止までContact Form 7だけでやるのは大変です。まずは「希望を受け付ける」用途にするのが安全です。
希望メニュー
[select* menu-type first_as_label "希望メニューを選択してください" "初回相談" "通常メニュー" "体験メニュー" "カウンセリング" "見学予約" "オンライン相談" "その他"]希望時間帯
[select preferred-time first_as_label "希望時間帯を選択してください" "午前" "午後" "夕方" "夜" "いつでもよい" "相談して決めたい"]来店・オンライン
[select visit-type first_as_label "相談方法を選択してください" "来店希望" "オンライン希望" "電話希望" "どれでもよい" "相談して決めたい"]採用・求人向けのドロップメニュー
採用フォームでは、希望職種や雇用形態をドロップメニューにしておくと、応募内容を整理しやすくなります。
小規模事業者の採用ページでも、最低限の選択項目を用意しておくだけで、応募者とのやり取りがスムーズになります。
編集長"/>採用フォームは自由記述だけにすると、確認したい情報が抜けがちです。先に選んでもらう項目を作ると、面接前の整理がしやすくなります。
希望職種
[select* job-type first_as_label "希望職種を選択してください" "営業" "事務" "販売・接客" "制作・デザイン" "エンジニア" "介護・福祉" "美容・施術スタッフ" "ドライバー" "その他"]希望雇用形態
[select employment-type first_as_label "希望雇用形態を選択してください" "正社員" "契約社員" "アルバイト・パート" "業務委託" "インターン" "相談したい"]勤務開始可能時期
[select start-date first_as_label "勤務開始可能時期を選択してください" "すぐに可能" "1ヶ月以内" "2〜3ヶ月以内" "現在の勤務先と相談" "未定" "その他"]資料請求・問い合わせ前相談向けのドロップメニュー
資料請求や問い合わせ前の軽い相談フォームでは、ユーザーの温度感を把握できる項目を入れておくと便利です。
すぐに依頼したい人なのか、まず情報収集したい人なのかで、返信の仕方が変わります。
編集長"/>温度感が分からない問い合わせって、返信文が難しいんですよね。最初に「検討状況」を選んでもらうだけで、かなり対応しやすくなります。
検討状況
[select consideration-status first_as_label "検討状況を選択してください" "すぐに依頼したい" "見積もりを比較している" "まず相談したい" "情報収集中" "まだ具体的には決まっていない"]資料請求の目的
[select document-purpose first_as_label "資料請求の目的を選択してください" "料金を知りたい" "サービス内容を知りたい" "他社と比較したい" "社内で検討したい" "導入事例を見たい" "その他"]知りたい内容
[select information-type first_as_label "知りたい内容を選択してください" "料金について" "納期について" "制作の流れについて" "サポート内容について" "実績について" "契約前の相談について" "その他"]その他によく使うドロップメニュー一覧
ここからは、さまざまなフォームで使いやすいドロップメニューをまとめます。
用途に合わせて、項目名や選択肢を調整して使ってください。
編集長"/>ここはコピペ倉庫として使えるようにしています。必要なものだけ拾って、自分のフォームに合わせて変えてください。
都道府県・地域
[select prefecture first_as_label "都道府県を選択してください" "北海道" "青森県" "岩手県" "宮城県" "秋田県" "山形県" "福島県" "茨城県" "栃木県" "群馬県" "埼玉県" "千葉県" "東京都" "神奈川県" "新潟県" "富山県" "石川県" "福井県" "山梨県" "長野県" "岐阜県" "静岡県" "愛知県" "三重県" "滋賀県" "京都府" "大阪府" "兵庫県" "奈良県" "和歌山県" "鳥取県" "島根県" "岡山県" "広島県" "山口県" "徳島県" "香川県" "愛媛県" "高知県" "福岡県" "佐賀県" "長崎県" "熊本県" "大分県" "宮崎県" "鹿児島県" "沖縄県"]年齢層
[select age-range first_as_label "年齢層を選択してください" "10代" "20代" "30代" "40代" "50代" "60代以上" "回答しない"]問い合わせのきっかけ
[select trigger first_as_label "お問い合わせのきっかけを選択してください" "Google検索" "SNS" "紹介" "チラシ・名刺" "広告" "以前から知っていた" "その他"]満足度・評価
[select satisfaction first_as_label "満足度を選択してください" "とても満足" "満足" "普通" "やや不満" "不満"]選択内容をメール本文に表示する方法
ドロップメニューをフォームに追加しただけでは、メール本文に自動で表示されない場合があります。
Contact Form 7では、フォーム側で使うタグと、メール本文側で使うタグが違います。
公式ドキュメントでも、フォームテンプレートで使うフォームタグと、メールテンプレートで使うメールタグは書き方が異なると説明されています。
公式：Contact Form 7：How tags work
編集長"/>これ、かなりよくあるミスです。フォームには項目が出ているのに、届いたメールには選択内容が出ていない、というパターンですね。
たとえば、フォーム側に以下のドロップメニューを入れたとします。
フォーム側のコード
[select* inquiry-type first_as_label "お問い合わせ種別を選択してください" "ご相談" "お見積もり" "ご依頼" "その他"]この場合、メール本文側には以下のように入れます。
メール本文側のコード
お問い合わせ種別：[inquiry-type]つまり、メール本文には [select* inquiry-type ...] をそのまま入れるのではなく、項目名だけを [inquiry-type] のように入れます。
ドロップメニューを作るときの注意点
Contact Form 7のドロップメニューは便利ですが、作り方によっては使いにくいフォームになります。
特に、選択肢の数や文言には注意しましょう。
編集長"/>フォームは、作る側が便利なだけではダメです。入力する人が迷わず選べるかを考えるのが大事です。
注意したいポイント
- 選択肢を増やしすぎない
- 似た意味の項目を並べすぎない
- 「その他」を用意して逃げ道を作る
- 必須項目にしすぎない
- メール本文にメールタグを入れ忘れない
- スマホで選びやすい項目数にする
選択肢が多すぎると、ユーザーはどれを選べばいいか分からなくなります。
たとえば、お問い合わせ種別なら5〜8個程度にして、細かい内容は自由記述欄で補足してもらう形でも十分です。
よくある質問
- Contact Form 7のドロップメニューを必須項目にするには？
-
[select* your-menu ...]のように、selectの後ろにアスタリスクを付けます。必須にしない場合は[select your-menu ...]のように書きます。
Q
- 「選択してください」を先頭に表示するには？
-
first_as_labelを使います。たとえば[select* inquiry-type first_as_label "選択してください" "ご相談" "お見積もり"]のように書くと、先頭の項目をラベルとして使えます。
Q
- ドロップメニューの選択内容がメールに表示されません。
-
メール本文側にメールタグを入れていない可能性があります。フォーム側で
[select* inquiry-type ...]と設定した場合、メール本文には[inquiry-type]を入れてください。
Q
- 選択肢はいくつくらいが使いやすいですか？
-
内容にもよりますが、お問い合わせ種別などは5〜8個程度に収めると選びやすいです。都道府県のように必要な場合を除き、選択肢が多すぎるドロップメニューは避けた方が使いやすくなります。
Q
まとめ：ドロップメニューはコピペして調整すればOK
Contact Form 7のドロップメニューは、基本形さえ分かれば難しくありません。
よく使う項目は、あらかじめテンプレート化しておくと、フォーム作成の時間を大きく減らせます。
編集長"/>毎回ゼロから考える必要はありません。よく使うリストを持っておいて、サイトに合わせて少し直すくらいが一番効率的です。
この記事のまとめ
- Contact Form 7のドロップメニューは
selectを使う - 必須項目は
select*にする - 先頭の案内文には
first_as_labelが使える - メール本文には項目名だけをメールタグとして入れる
- 選択肢は多すぎない方が使いやすい
- よく使う項目はテンプレート化しておくと便利
この記事のリストは、そのままコピペして使っても大丈夫です。
ただし、サイトの目的や問い合わせ内容に合わせて、選択肢の数や文言は調整してください。
WELUCAではフォーム作成やWordPress修正もサポートしています
WELUCAでは、Contact Form 7を使ったお問い合わせフォーム作成、項目追加、メール設定、送信テスト、迷惑メール対策などもサポートしています。
「ドロップメニューを追加したい」「選択内容がメールに届かない」「フォームの項目を整理したい」という場合は、お気軽にご相談ください。
編集長"/>フォームは小さな部分に見えますが、問い合わせ数や対応のしやすさに直結します。使いやすいフォームに整えておく価値はかなりあります。
コピペ用コード一覧
ここまで紹介したContact Form 7のドロップメニューコードを一覧でまとめます。
編集長"/>必要なコードをコピーして、フォームの内容に合わせて項目名や選択肢を調整してください。
お問い合わせ種別
[select* inquiry-type first_as_label "お問い合わせ種別を選択してください" "サービスについて" "料金について" "見積もり相談" "制作依頼" "修正依頼" "保守・管理について" "採用について" "取材・掲載について" "その他"]お問い合わせ種別：シンプル版
[select* inquiry-type first_as_label "お問い合わせ種別を選択してください" "ご相談" "お見積もり" "ご依頼" "その他"]希望サービス
[select* service-type first_as_label "希望サービスを選択してください" "ホームページ制作" "ランディングページ制作" "WordPress制作" "WordPress修正" "既存サイトのリニューアル" "保守・管理" "SEO相談" "MEO相談" "まだ決まっていない"]現在のサイト状況
[select site-status first_as_label "現在のサイト状況を選択してください" "まだサイトはない" "WordPressサイトがある" "無料サービスで作ったサイトがある" "古いホームページがある" "制作途中のサイトがある" "自分では分からない"]希望ページ数
[select page-count first_as_label "希望ページ数を選択してください" "1ページ" "2〜5ページ" "6〜10ページ" "11ページ以上" "まだ決まっていない" "相談して決めたい"]予算
[select budget first_as_label "ご予算を選択してください" "5万円未満" "5万円〜10万円" "10万円〜20万円" "20万円〜30万円" "30万円〜50万円" "50万円以上" "まだ決まっていない" "相談して決めたい"]希望時期
[select desired-date first_as_label "希望時期を選択してください" "できるだけ早く" "1週間以内" "2週間以内" "1ヶ月以内" "2〜3ヶ月以内" "急いでいない" "相談して決めたい"]希望連絡方法
[select contact-method first_as_label "希望連絡方法を選択してください" "メール" "電話" "Zoomなどオンライン" "LINE" "どれでもよい"]業種
[select business-type first_as_label "業種を選択してください" "美容室・サロン" "整体・整骨院" "飲食店" "小売店" "士業" "建設・工務店" "不動産" "医療・クリニック" "福祉・介護" "スクール・教室" "個人事業主" "その他"]店舗数
[select shop-count first_as_label "店舗数を選択してください" "1店舗" "2〜3店舗" "4〜10店舗" "11店舗以上" "店舗はない" "その他"]対象エリア
[select area-type first_as_label "対象エリアを選択してください" "全国対応" "関西エリア" "大阪府" "兵庫県" "京都府" "奈良県" "和歌山県" "滋賀県" "その他"]希望メニュー
[select* menu-type first_as_label "希望メニューを選択してください" "初回相談" "通常メニュー" "体験メニュー" "カウンセリング" "見学予約" "オンライン相談" "その他"]希望時間帯
[select preferred-time first_as_label "希望時間帯を選択してください" "午前" "午後" "夕方" "夜" "いつでもよい" "相談して決めたい"]来店・オンライン
[select visit-type first_as_label "相談方法を選択してください" "来店希望" "オンライン希望" "電話希望" "どれでもよい" "相談して決めたい"]希望職種
[select* job-type first_as_label "希望職種を選択してください" "営業" "事務" "販売・接客" "制作・デザイン" "エンジニア" "介護・福祉" "美容・施術スタッフ" "ドライバー" "その他"]希望雇用形態
[select employment-type first_as_label "希望雇用形態を選択してください" "正社員" "契約社員" "アルバイト・パート" "業務委託" "インターン" "相談したい"]勤務開始可能時期
[select start-date first_as_label "勤務開始可能時期を選択してください" "すぐに可能" "1ヶ月以内" "2〜3ヶ月以内" "現在の勤務先と相談" "未定" "その他"]検討状況
[select consideration-status first_as_label "検討状況を選択してください" "すぐに依頼したい" "見積もりを比較している" "まず相談したい" "情報収集中" "まだ具体的には決まっていない"]資料請求の目的
[select document-purpose first_as_label "資料請求の目的を選択してください" "料金を知りたい" "サービス内容を知りたい" "他社と比較したい" "社内で検討したい" "導入事例を見たい" "その他"]知りたい内容
[select information-type first_as_label "知りたい内容を選択してください" "料金について" "納期について" "制作の流れについて" "サポート内容について" "実績について" "契約前の相談について" "その他"]都道府県
[select prefecture first_as_label "都道府県を選択してください" "北海道" "青森県" "岩手県" "宮城県" "秋田県" "山形県" "福島県" "茨城県" "栃木県" "群馬県" "埼玉県" "千葉県" "東京都" "神奈川県" "新潟県" "富山県" "石川県" "福井県" "山梨県" "長野県" "岐阜県" "静岡県" "愛知県" "三重県" "滋賀県" "京都府" "大阪府" "兵庫県" "奈良県" "和歌山県" "鳥取県" "島根県" "岡山県" "広島県" "山口県" "徳島県" "香川県" "愛媛県" "高知県" "福岡県" "佐賀県" "長崎県" "熊本県" "大分県" "宮崎県" "鹿児島県" "沖縄県"]年齢層
[select age-range first_as_label "年齢層を選択してください" "10代" "20代" "30代" "40代" "50代" "60代以上" "回答しない"]問い合わせのきっかけ
[select trigger first_as_label "お問い合わせのきっかけを選択してください" "Google検索" "SNS" "紹介" "チラシ・名刺" "広告" "以前から知っていた" "その他"]満足度・評価
[select satisfaction first_as_label "満足度を選択してください" "とても満足" "満足" "普通" "やや不満" "不満"]メール本文側のコード例
お問い合わせ種別：[inquiry-type]記事を書いた人
Warning: Undefined array key 0 in /home/amazonzon/weluca.jp/public_html/wp-content/themes/jinr/include/shortcode.php on line 306
大阪府でホームページ制作をしています。WordPress・SEO・Webマーケティングのコンテンツを発信中！
