お問い合わせフォーム WordPress

【WordPress】Contact Form 7でパイプを使って選択肢によって送信先を変える方法

※ 当サイトではアフィリエイト広告を利用しています

Contact Form 7でラジオボタンやセレクトボックスの選択肢によって送信先を変える事って出来る?

例えばラジオボタンの選択肢が『お店の支店名』だったとします。

通常メッセージの送信先は1つか複数のメールアドレスになりますが、上記の例では選択した店舗にだけメッセージを送れるようにしたいと思います。

それには『パイプ』という機能を使います。

Contact Form 7の基本的な使い方については以下の記事を参照下さい。

あわせて読みたい
Contact Form 7の基本的な使い方【WordPressお問い合わせフォームの定番プラグイン】
Contact Form 7の基本的な使い方【WordPressお問い合わせフォームの定番プラグイン】

続きを見る

コーディングの時給と作業効率を上げる!
2年間の実務で実際に使ったコードをまとめた『コーディング&WordPressメモまとめ集』をBrainで公開しています。
  • コピペで使えるWordPressの各テンプレート
  • 実務でよく使う見出し一覧
  • 実務でよく使うテキストのhoverアニメーション
  • 実務でよく使うボタン内の矢印9種類
  • Contact Form 7の色々・・・
などなど、他にもコピペで使えるコードがたくさん載せてあるので、時短=時給アップに繋がります。
さらに『コードのまとめ方が参考になった』というレビューも多数頂いているので、これを元に自分なりの"メモまとめ集"を作るという使い方も出来ます。
1100部以上販売し、レビューは570件以上あるので、気になる方は以下のボタンからチェックしてみて下さい👇

5大無料特典2023年12月31日まで!

販売ページとレビューを見てみる

Contact Form 7でパイプを使って選択肢によって送信先を変える方法

まずはこちらがContact Form 7をインストール&有効化した後の編集画面です。

Contact Form 7:デフォルトのフォーム

Contact Form 7:デフォルトのフォーム

ここからラジオボタンをクリックします。

そしてオプションにラジオボタンの選択肢を入力します。

Contact Form 7:フォームタグ生成(ラジオボタン)

Contact Form 7:フォームタグ生成(ラジオボタン)

設定画面に書いてありますが、1つの選択肢ごとに改行します。

名前はこの時自動で付けられた『radio-315』となっていますが、『shop-name』など分かりやすい名前に変えてもOKです。

そしてこのようになります。

Contact Form 7:ラジオボタン設置

Contact Form 7:ラジオボタン設置

ちなみにこの状態でページを見るとこのようになっています。

Contact Form 7:ラジオボタンが設置されたフォーム

Contact Form 7:ラジオボタンが設置されたフォーム

この一番上にあるラジオボタンで各店舗を選択したら、その店舗にだけメッセージを送信するようにします。

その方法は以下の通りです。

【変更前】
"選択肢"

【変更後】
"選択肢|メールアドレス"

ポイントは選択肢とメールアドレスの間を『 | 』で区切るところです。

なので、今回の場合はこのようになります。

Contact Form 7:パイプ機能使用

Contact Form 7:パイプ機能使用

ちょっと見にくいですが、東京店の場合はこのようになります。

【変更前】
"東京店"

【変更後】
"東京店|tokyo@gmail.com"

そしてメールの送信先にはフォームの名前を書くので、今回は[radio-315]となります。

Contact Form 7:メールタブ

Contact Form 7:メールタブ

 

メールの送信先を複数設定する方法

もし東京店を選択した場合、東京店のメールアドレスと全店舗共通のメールアドレスに送りたい場合は、以下のようにすればOKです。

Contact Form 7:メールタブ

Contact Form 7:メールタブ

『全ての店舗用メールアドレス』と『選択された店舗のメールアドレス』を書いて間をカンマ『,』で区切ればOKです。

カンマの前後にスペースは入れないようにしましょう

 

自動送信メッセージ

先ほどの送信先を設定するところの下の方に、自動送信メッセージの本文を設定する項目があります。

Contact Form 7:メールタブ(メッセージ本文)

Contact Form 7:メールタブ(メッセージ本文)

通常であれば上記のようにフォーム名を書けば、東京店を選択した場合は『東京店』と表示されます。

しかし今回のように"東京店|tokyo@gmail.com"と書いた場合は『 | 』の後ろが表示されてしまいます。

これを『 | 』の後ろではなく前を表示させたい場合は、以下のように変更します。

【変更前】
[radio-315]

【変更後】
[_raw_radio-315]

フォーム名の前に_raw_を書けばOKです。

これで自動送信メッセージの内容がメールアドレスではなく、選択肢の内容になりました(東京店であれば『tokyo@gamil.com』ではなく『東京店』)

これは自動送信メッセージだけでなく、自動返信メッセージ(お問い合わせした人)の場合も同じです。

送信先はメールアドレスの表示でいいのでそのままで大丈夫です。

 

ラジオボタン以外の場合

ドロップダウンメニューやチェックボックスも書き方は同じです。

また"東京店|tokyo@gmail.com"といった書き方は、フォームタグ生成の時点で書いてしまってもOKです(最初に書くか後で書くかの違いです)

Contact Form 7:フォームタグ生成(チェックボックス)

Contact Form 7:フォームタグ生成(チェックボックス)

チェックボックスは複数選択が出来ますが、自動返信でもちゃんと複数の選択肢が表示されます。

以上になります。

関連記事Contact Form 7 関連記事一覧

Web制作におすすめの教材と案件獲得サービス!
当ブログではWeb制作学習におすすめの教材を厳選してご紹介しています。
こちらの記事を参考に教材を購入して成果を出している人もたくさんいるので、自分に必要な教材を探してみて下さい。
また、学習面だけでなく営業面である案件獲得サービスもご紹介しています。
スキルが身についても仕事がなければ意味がないので、営業に不安がある人はこちらの記事をぜひ参考にしてみて下さい。
この記事を参考にスキルと営業力を身につけて稼げるようになりましょう!

-お問い合わせフォーム, WordPress
-