WooCommerce address autocomplete — the no-code and code paths

Try WooCommerce-style autocomplete now

Type a UK postcode to see the kind of PAF result your shoppers get at checkout:

What's the no-code way to add autocomplete?

Use the AutoPostcode WooCommerce plugin — no code required. It hooks into the standard checkout field IDs and works with most themes and page builders.

• Install and activate the AutoPostcode plugin
• Paste your API key in the plugin settings
• Toggle autocomplete on for billing and shipping
• Place a test order and confirm the dropdown appears

How do I add autocomplete with code?

Prefer full control? Enqueue a small script in your theme that calls your own proxy endpoint and binds to the WooCommerce checkout postcode field:

// functions.php — enqueue on checkout
add_action('wp_enqueue_scripts', function () {
  if (is_checkout()) {
    wp_enqueue_script('ap-autocomplete', get_stylesheet_directory_uri() . '/js/ap.js', [], '1.0', true);
  }
});

// js/ap.js — bind to the WooCommerce billing postcode field
document.querySelector('#billing_postcode')?.addEventListener('input', async (e) => {
  const pc = e.target.value.trim();
  if (pc.length < 5) return;
  const r = await fetch('/wp-json/ap/v1/lookup?postcode=' + encodeURIComponent(pc));
  const { addresses } = await r.json();
  // render addresses into a dropdown, then fill #billing_address_1, #billing_city
});

No-code plugin vs custom code

Once autocomplete is live, add server-side WooCommerce address validation to catch edge cases, follow the deeper WordPress integration guide, and read the address autocomplete API reference.

A modern, UK-first alternative

AutoPostcode uses the same Royal Mail PAF data as Loqate, Fetchify and Ideal Postcodes, at an affordable per-lookup price and with a WooCommerce plugin that installs in minutes.