お問い合わせのラジオボタンの選択を返信メールに反映させたい

実現したいこと

お問い合わせのラジオボタンの選択を返信メールに反映させたい。
【「求人案内」ボタンを選択したあと、下の項目(例えば、「物件探索/営業スタッフ」)を選択したら「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」ボタンを返信メールのお問い合わせ業務項目に表示させたい。】

前提

現在ワードプレスのElementorというプラグインを使用し、サイト制作をしています。
その中でコンタクトフォーム7というプラグインを使用し、お問い合わせフォームを作成しました。

イメージ説明

また、Conditional Fields for Contact Form 7というプラグインを使用し、お問い合わせ内のラジオボタンを作成しました。

イメージ説明

各情報は下記の通りです。

■フォームテキスト

<table class="inquiry"> <tr> <th> <span class="must">必須</span><span>お名前</span> </th> <td> [text* your-name class:textsp] </td> </tr> <tr> <th> <span class="must">必須</span><span>メールアドレス</span> </th> <td>[email* your-email class:mailsp]</td> </tr> <tr> <th> <span>電話番号 (任意)</span> </th> <td>[tel tel-715]</td> </tr> <tr> <th> <span class="must">必須</span><span>お問い合わせ内容</span> </th> <td> [radio radio-277 use_label_element default:1 "宿泊施設の総合コンサルティング""宿泊事業の許認可取得、消防法関係""施設に設置する家具の選定""宿泊施設のオペレーション""オペレーション運営代行サービス""プロによる清掃代行(エリア限定)""求人案内"] [group group-824] [radio radio-278 use_label_element default:1 "物件探索/営業スタッフ""清掃スタッフ""施設メンテナンス/組立スタッフ"] [/group] </td> </tr> </table> [acceptance acceptance-442 class:spam1]スパムメール防止のため、こちらのボックスにチェックを入れてから送信してください。 [submit id:formbtn "上記の内容で送信する"]

■メールタグ

イメージ説明

■メール本文

【お問い合わせ内容】 お問い合わせ日時:[_date][_time] お名前(もしくは企業名):[your-name] メールアドレス: [your-email] 電話番号:[tel-715] お問い合わせ業務:[radio-277] お問い合わせ内容:[your-message]

■条件付きフィールド

イメージ説明

■カスタムCSS

/*Contact Form 7カスタマイズ*/ .inquiry tr:first-child th{ border-top:1px solid #d7d7d7!important; } /*スマホContact Form 7カスタマイズ*/ @media(max-width:768px){ .inquiry th,.inquiry td { display:block!important; width:100%!important; border-top:none!important; -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important; box-sizing:border-box!important; } /* 必須・任意のサイズ調整 */ .inquiry .haveto,.inquiry .any { font-size:10px; }} /* 記入欄の横幅 */ .wpcf7-text{ width: 100%; } /*見出し欄*/ .inquiry th{ text-align:left; font-size:14px; color:#444; padding-right:5px; width:30%; background:#fff; border:solid 1px #d7d7d7; } /*通常欄*/ .inquiry td{ font-size:13px; border:solid 1px #d7d7d7; } /*横の行とテーブル全体*/ .entry-content .inquiry tr,.entry-content table{ border:solid 1px #d7d7d7; } /*必須の調整*/ .must{ font-size:7px; padding:5px; background:#AE0001; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px; } /*任意の調整*/ .free{ font-size:7px; padding:5px; background:#d7d7d7; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px; } /*ラジオボタンを縦並び指定*/ .verticallist .wpcf7-list-item{ display:block; } /*ラジオボタンの余白*/ .wpcf7-list-item-label{ margin: 0 15px 0 5px; } /*送信ボタンのデザイン変更*/ #formbtn{ display: block; padding:1em 0; margin-top:30px; width:100%; background:#122A88; color:#fff; font-size:18px; font-weight:bold; border-radius:2px; border: none; } /*送信ボタンマウスホバー時*/ #formbtn:hover{ background:#122A8842; }

発生している問題・分からないこと

「求人案内」ボタン選択して、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を選択しても「物件探索/営業スタッフ」が返信メールのお問い合わせ業務項目に表示されません。

イメージ説明

イメージ説明

該当のソースコード

特になし

試したこと・調べたこと

上記の詳細・結果

https://www.webroad.co.jp/archives/53923

上記サイトを参考に
お問い合わせ内容のタグを[_raw_radio-277]に変更しましたが、解決しませんでした。

イメージ説明

イメージ説明

イメージ説明

また、お問い合わせ内容のタグを[radio-277]に[radio-278]も追加しましたが、選択していない「求人案内」も表示されていまい解決しませんでした。

イメージ説明

イメージ説明

イメージ説明

補足

解決してほしいこと

「求人案内」ボタンを選択し、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を選択すると「物件探索/営業スタッフ」が返信メールのお問い合わせ業務項目に表示させたいです。

Wordpressのコンタクトフォーム7の実装やお問い合わせフォーム・プラグインなどに詳しい方がいましたらよろしくお願いします!

コメントを投稿

0 コメント