[WordPress] Contact Form 7で郵便番号から住所を自動入力する方法｜プラグイン「zipaddr-jp」の使い方

Contact Form 7で作成したお問い合わせフォームに、
郵便番号から住所を自動入力する機能を追加したいと考えたことはありませんか？

そのような場合に便利なのが、WordPressプラグイン 「zipaddr-jp」 です。

プラグインのインストールと有効化

「プラグインを追加」画面の検索窓で「zipaddr-jp」と入力し、
表示される [zipaddr-jp] をインストール・有効化します。

Contact Form 7 の設定

Contact Form 7 のフォームに、郵便番号と住所入力欄を設定します。

1. テキスト項目を追加
住所入力欄を表示したい位置で「テキスト」をクリックします。

2. id属性を設定
各入力項目に対して、zipaddr-jp と連動させるための id属性 を設定します。

3. タグを挿入
設定後、「タグを挿入」をクリックしてフォームに反映させます。

zipaddr-jp の設定（idの指定）

zipaddr-jp を連動させるには、各入力欄に以下の id を設定します。

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

これらの id を設定することで、郵便番号入力時に住所が自動入力されるようになります。

表示例

サイト上では、以下のように郵便番号入力に応じて住所が自動入力されます。

住所をまとめて入力する場合

都道府県・市区町村・町域を分けずに、1つの入力欄にまとめることも可能です。

その場合は、以下のように最低限の設定でも動作します。

• 郵便番号：zip
• 住所欄：city

シンプルなフォームにしたい場合に便利です。

表示例

まとめ

zipaddr-jp を利用すると、Contact Form 7 のフォームに郵便番号から住所を自動入力する機能を簡単に追加できます。

特に入力項目が多いお問い合わせフォームでは、ユーザーの入力負担を軽減できるため、利便性向上につながります。