Contact Form 7で郵便番号から住所を自動入力する【zipaddr-jp】

  • URLをコピーしました!

WordPressのお問い合わせフォームをContact Form 7で設定したとき、入力項目が多いと少しでも入力者の手間を省きたいと思ったときに便利なプラグインがzipaddr-jpです。

このzipaddr-jpというプラグインは、郵便番号を入力すると「都道府県」と「市区町村」を自動入力してくれます。お問い合わせフォームの入力が面倒だと思うと、送信する前に離脱することがあります。

この記事が参考になる人
  • 郵便番号から住所を自動入力したい
  • 入力する手間を少しでも省きたい

zipaddr-jpプラグインの設定方法について解説します。

目次

zipaddr-jpをインストールする

  • 【プラグイン】→【新規プラグインを追加】をクリックする
  • 検索窓に「zipaddr-jp」を入力する
  • 「zipaddr-jp」を【インストール】→【有効化】をクリックする

zipaddr-jpの設定方法

zipaddr-jpプラグインには、住所を表示させるIDが決まっています。

郵便番号zip
都道府県pref
市区町村city
町域addr

フォームタグにコードを入力する

以下のコードを追加または変更します。

郵便番号

[text* your-postcode zip id:zip placeholder”000-0000″]

都道府県

[text* your-prefectures pref id:pref placeholder”都道府県(自動反映)”]

市区町村+町域

[text* your-municipalities city id:city addr id:addr placeholder “市区町村+町域(自動反映)”]

番地入力は自動ではできません。上記の町域まで自動入力して番地は手入力してもらうように設定しましょう。
今回は、「市区町村+町域」を一つの入力項目にしましたが、別々にしても問題ありません。

メールタグを設定する

メールタグの「メッセージ本文」に追加する場合は、以下のタグで設定します。

郵便番号[ your-postcode]
都道府県[your-prefectures]
市区町村+町域[your-municipalities]
入力例

住所:[your-postcode]
   [your-prefectures][your-municipalities][your-address]

メールタグの「メッセージ本文」に記載する入力例です。
[your-address]は、番地入力項目として設定してあげることで、郵便番号から番地までの住所を自動返信メールに反映することができます。

まとめ

郵便番号から住所を自動反映させるためのプラグインと手順をお伝えしました。手順通りに設定すれば、簡単に自動を自動反映させることができます。ちょっとした便利機能ですが、お問い合わせフォームをスマホなどで入力する際には、面倒になるのでおすすめの設定です。

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

独立系大手SIベンダーで勤務していた経験を活かし、初心者がWEBサイトを立ち上げ・作成・運営していくための情報、パソコンやスマホ(Android・iPhone)などに関する情報を分かりやすく伝えます。

コメント

コメントする

目次