【2026年版・コピペOK】ContactForm7で郵便番号から住所を自動入力する方法（function.php方式）

ContactForm7で「郵便番号を入力したら住所が自動で入る」フォームを作りたい。
でもどのやり方が一番シンプルで、WordPressの構成を壊さないのか分からない…😭

そんな方向けに、実際の案件でも使っているfunction.php方式をそのまま紹介します！

プラグイン不要・header.phpを直接触らない・子テーマのfunction.phpだけで完結するので、既存テーマをカスタマイズしている環境でも安全に導入できます。

目次非表示

完成イメージ
使用するライブラリについて
実装手順
よくある質問
まとめ

完成イメージ

郵便番号（7桁）を入力してキーを押すと、住所欄に都道府県＋市区町村＋町名までが自動で入ります。

番地やマンション名は手入力してもらう構成です。

使用するライブラリについて

住所変換には「AjaxZip3」を使用します。
GitHubで公開されている無料のJavaScriptライブラリで、郵便番号データは yubinbango.github.io から取得する仕組みです。

2026年3月時点で正常に動作することを確認済みです。
外部サービスへの依存があるため、万が一サービスが停止した場合は動作しなくなる点はご承知おきください（その場合は後述の代替手段も参照してください）。

実装手順

Step1｜function.phpにスクリプトを登録する

header.phpを直接編集する方法もありますが、既存テーマの子テーマを使っている場合は function.phpに書くほうがシンプルで安全です。以下をそのまま子テーマの functions.php にコピーしてください。

function enqueue_ajaxzip3_script() {
    // スクリプトを読み込むページのスラッグを配列で指定
    $page_slugs = array('contact', 'order');
    if (is_page($page_slugs)) {
        wp_enqueue_script('jquery');
        wp_enqueue_script(
            'ajaxzip3',
            'https://ajaxzip3.github.io/ajaxzip3.js',
            array('jquery'),
            null,
            false
        );
        wp_add_inline_script('ajaxzip3', '
            jQuery(function() {
                jQuery("#zip").on("keyup input", function(event) {
                    AjaxZip3.zip2addr(this, "", "addr", "addr");
                });
            });
        ');
    }
}
add_action('wp_enqueue_scripts', 'enqueue_ajaxzip3_script');

function enqueue_ajaxzip3_script() {
    // スクリプトを読み込むページのスラッグを配列で指定
    $page_slugs = array('contact', 'order');
    if (is_page($page_slugs)) {
        wp_enqueue_script('jquery');
        wp_enqueue_script(
            'ajaxzip3',
            'https://ajaxzip3.github.io/ajaxzip3.js',
            array('jquery'),
            null,
            false
        );
        wp_add_inline_script('ajaxzip3', '
            jQuery(function() {
                jQuery("#zip").on("keyup input", function(event) {
                    AjaxZip3.zip2addr(this, "", "addr", "addr");
                });
            });
        ');
    }
}
add_action('wp_enqueue_scripts', 'enqueue_ajaxzip3_script');

ポイント

$page_slugs の配列に、フォームを設置しているページのスラッグを入れてください
複数ページにフォームがある場合は ‘contact’, ‘order’, ‘estimate’ のように追加できます
全ページで読み込む必要はないので、条件分岐で絞ることをおすすめします

Step2｜ContactForm7のフォームタグを設定する

CF7のフォーム編集画面に、以下のタグを使って郵便番号欄と住所欄を作ります。

id の指定が動作のキモなので、必ずこの通りに記述してください。

<label>郵便番号
  [text zip id:zip placeholder "1234567（ハイフンなし）"]
</label>
<label>ご住所
  [text* addr id:addr placeholder "自動で入力されます"]
</label>
※番地・マンション名まで忘れずご記入ください。

<label>郵便番号
  [text zip id:zip placeholder "1234567（ハイフンなし）"]
</label>
<label>ご住所
  [text* addr id:addr placeholder "自動で入力されます"]
</label>
※番地・マンション名まで忘れずご記入ください。

都道府県＋市区町村＋町名がまとめて「ご住所」欄に入ります。
番地やマンション名はユーザーに追記してもらう形です。

住所を「都道府県」「市区町村以降」に分けたい場合

都道府県とそれ以降を別フィールドに分けたい場合は、 function.phpのinlineスクリプトとCF7タグを以下のように変更します。

wp_add_inline_script('ajaxzip3', '
    jQuery(function() {
        jQuery("#zip").on("keyup input", function(event) {
            AjaxZip3.zip2addr(this, "", "pref", "addr");
        });
    });
');

wp_add_inline_script('ajaxzip3', '
    jQuery(function() {
        jQuery("#zip").on("keyup input", function(event) {
            AjaxZip3.zip2addr(this, "", "pref", "addr");
        });
    });
');

<label>郵便番号
  [text zip id:zip placeholder "1234567（ハイフンなし）"]
</label>
<label>都道府県
  [text* pref id:pref placeholder "自動で入力されます"]
</label>
<label>市区町村・番地以降
  [text* addr id:addr placeholder "自動入力後、番地まで追記してください"]
</label>

<label>郵便番号
  [text zip id:zip placeholder "1234567（ハイフンなし）"]
</label>
<label>都道府県
  [text* pref id:pref placeholder "自動で入力されます"]
</label>
<label>市区町村・番地以降
  [text* addr id:addr placeholder "自動入力後、番地まで追記してください"]
</label>