chroudakais

Kais Chrouda

This plugin enables Google Places address auto-completion on text input fields (order, checkout and registration pages). When a user starts typing an address and picks a suggestion, the plugin auto-fills the street, city, state, postcode and country fields. You only need a valid Google Places API key.
The plugin targets the standard WooCommerce-style billing and shipping address fields (for example <code>billing_address_1</code> and <code>shipping_address_1</code>).
As of version 3.0.0 the front-end script is written in modern, dependency-free vanilla JavaScript (no jQuery required) and the bundled CMB2 settings library has been updated for security.
<h3>External services</h3>
This plugin connects to the Google Maps JavaScript API (Places library) to provide address autocomplete and suggestions. This is required for the plugin to function.
When a visitor types in an address field, the text entered is sent to Google to return address predictions, and the selected address details are returned to fill the form. The plugin loads the Google Maps script from Google’s servers using the API key you configure on the settings page, along with your site’s language and region.
No data is sent until a visitor interacts with an address field on a page that contains a supported field. You must provide your own Google API key.
<ul>
<li>Service provider: Google Maps Platform</li>
<li>Terms of Service: https://cloud.google.com/maps-platform/terms</li>
<li>Privacy Policy: https://policies.google.com/privacy</li>
</ul>

Autocomplete Google places

Add Google Places address autocomplete to your address fields and auto-fill city, state and postcode.

Freemius

Md Nishath Khandakar

The #1 Google Address Autocomplete plugin for WordPress. Add real-time address suggestions to any form on your site — checkout, contact, registration, booking, or custom forms.
NEW in v5.3.0: Visual Selector Tool — Just click on a form field to set it up. No CSS knowledge, no DevTools, no code. The easiest address autocomplete setup ever made.
<h4>No Code Required — Point and Click Setup</h4>
Other address plugins make you learn CSS selectors or inspect code. Not this one.
With the Visual Selector Tool, you:
<ol>
<li>Click the “Pick” button next to any field</li>
<li>Your website loads in a preview window</li>
<li>Click the form field you want (e.g., your address input)</li>
<li>Choose from multiple selector options — ID, Name, Class, or Placeholder</li>
<li>Done. The field is mapped automatically.</li>
</ol>
It’s that simple. No tutorials, no documentation, no developer needed. If you can click a button, you can set up address autocomplete.
<h4>Works With ANY Form — Any Selector Type</h4>
This plugin doesn’t just work with IDs. It works with any valid CSS selector:
<ul>
<li><code>#billing_address</code> — ID selector</li>
<li><code>[name="address"]</code> — Name attribute</li>
<li><code>.address-field</code> — CSS class</li>
<li><code>[placeholder="Enter address"]</code> — Placeholder text</li>
<li><code>[data-field="address"]</code> — Data attributes</li>
<li><code>form .row input:nth-of-type(2)</code> — Complex DOM paths</li>
</ul>
You don’t need to know any of this. The Visual Selector Tool figures it out for you and shows you all options.
<h4>Most In-Demand Features</h4>
<ul>
<li>Visual Selector Tool (NEW) — Click to select form fields. Zero code required.</li>
<li>Map Picker — Interactive Google Map where users click or drag a pin to pick their exact address. Auto-fills all fields.</li>
<li>Smart Mapping — One address field auto-fills Street, City, State, Zip, and Country into separate fields.</li>
<li>WooCommerce Auto-Setup — Detects your checkout page automatically. Works with Classic and Block Checkout.</li>
<li>Address Validation — Green/yellow/red badges verify if an address is real.</li>
<li>GPS Geolocation — “Use My Location” button fills the address instantly.</li>
<li>8 Form Plugins Supported — WooCommerce, Contact Form 7, WPForms, Gravity Forms, Elementor Pro, Fluent Forms, Ninja Forms, plus any HTML form.</li>
<li>60-Second Setup Wizard — Enter API key, pick your form plugin, done.</li>
</ul>
<h4>Why 10,000+ Sites Choose This Plugin</h4>
Most address plugins force you to use their form builder. This plugin is different — it works with your existing forms. Your form design stays exactly as you built it. Zero style override.
<ul>
<li>Works with your existing forms — no rebuilding</li>
<li>Zero style override — your CSS stays untouched</li>
<li>Lightweight — no jQuery UI, no CSS frameworks, no bloat</li>
<li>Works in every country — smart mapping for 30+ countries</li>
<li>Programmatic API — uses the latest Google Places API (New)</li>
</ul>
<h4>How the Visual Selector Tool Works</h4>
Step 1: Click “Pick” 
Next to every field mapping input, you will see a blue “Pick” button with a crosshair icon. Click it.
Step 2: Your Page Loads 
A full-screen preview window opens showing your actual website. You can switch between pages using the dropdown — Homepage, Checkout, Contact page, or any page on your site.
Step 3: Hover and Click 
Move your mouse over any form field. A blue highlight appears showing the field selector. Click the field you want.
Step 4: Choose Your Selector 
The tool shows you ALL possible selector options in color-coded cards:
<ul>
<li>ID (Blue) — Like <code>#billing_address</code> — Most reliable, recommended</li>
<li>Name (Green) — Like <code>[name="address"]</code> — Great for form plugins</li>
<li>Class (Yellow) — Like <code>.form-control</code> — Shows if it matches multiple elements</li>
<li>Placeholder (Purple) — Like <code>[placeholder="Street address"]</code></li>
<li>Full Path (Gray) — DOM tree path — Always works as a fallback</li>
</ul>
Each card tells you if the selector is unique or matches multiple elements, so you always pick the right one.
Step 5: Confirm 
Click “Use This Selector” and the field is mapped. That is it.
<h4>Free Features</h4>
<ul>
<li>Works with any form — checkout, contact, registration, booking</li>
<li>Single line mode — full address in one field</li>
<li>Unlimited configurations — different setups for different forms</li>
<li>Keyboard navigation — arrow keys, Enter, Escape</li>
<li>Smart dropdown — loading spinner, no-results message, Google attribution</li>
<li>Google Places API (New) — latest, most accurate API</li>
<li>Shortcode support — <code>[aga_autocomplete]</code> anywhere</li>
<li>Duplicate configs — one-click clone</li>
<li>Import/Export — JSON backup and transfer</li>
<li>Health Check — auto-diagnose API issues</li>
<li>Conflict detection — warns about other Google Maps scripts</li>
<li>Works in every country — 200+ countries supported</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>Visual Selector Tool — Point-and-click field mapping, no code needed</li>
<li>Map Picker — Interactive map with draggable pin, GPS auto-center, reverse geocoding</li>
<li>Smart Mapping Mode — Auto-fill Street, City, State, Zip, Country into separate fields</li>
<li>WooCommerce Auto-Integration — Zero-config setup, auto-detects Classic vs Block Checkout</li>
<li>One-Click Form Presets — Pre-built configs for CF7, WPForms, Gravity Forms, Elementor, Fluent Forms, Ninja Forms</li>
<li>Address Validation — Green/yellow/red verification badges using Google Address Validation API</li>
<li>GPS Geolocation — “Use My Location” button with IP fallback</li>
<li>Saved Addresses — Quick-select from recent addresses for logged-in users</li>
<li>PO Box Detection — Automatic warning for PO Box, APO, FPO addresses</li>
<li>Multiple Country Restrictions — Limit results to up to 5 countries</li>
<li>Per-Form Language Override — Different languages for different forms</li>
<li>Per-Page Activation — Load only on specific pages</li>
<li>Address Verification Webhook — Send alerts to Slack, Zapier, or any URL</li>
<li>Checkout Abandonment Tracking — Track incomplete checkouts in Analytics</li>
<li>White Label Mode — Custom admin menu name for agencies</li>
<li>REST API — Headless endpoints for React/Next.js storefronts</li>
<li>Usage Analytics Dashboard — Track searches, selections, top countries</li>
<li>Place Type Filter — Addresses only, cities, businesses, or regions</li>
<li>Custom Dropdown Styling — Colors, fonts, border radius from admin</li>
<li>Elementor Widget + Form Field — Native drag-and-drop with all Pro features</li>
<li>Dark Mode — Adapts to user’s dark mode preference</li>
<li>RTL Support — Arabic, Hebrew, and right-to-left languages</li>
<li>ARIA Accessibility — Screen reader support</li>
<li>Smart Country-Aware Mapping — Correct city/state mapping for 30+ countries</li>
<li>Priority WhatsApp Support — Direct support from the developer</li>
</ul>
<h4>Works With</h4>
<ul>
<li>WooCommerce (Classic & Block Checkout)</li>
<li>Contact Form 7</li>
<li>WPForms</li>
<li>Gravity Forms</li>
<li>Elementor Pro Forms</li>
<li>Fluent Forms</li>
<li>Ninja Forms</li>
<li>Formidable Forms</li>
<li>Any HTML form with standard inputs</li>
</ul>
<h4>How It Works</h4>
For WooCommerce users (Pro): 
Activate the plugin, enter your API key in the Setup Wizard, select “WooCommerce” — done. The plugin automatically detects your checkout page and adds autocomplete to billing and shipping address fields. No form configuration needed.
For form plugin users (Pro): 
Select your form plugin in the Setup Wizard. The plugin creates a configuration with pre-filled selectors matching your plugin’s field pattern. Or use the Visual Selector Tool to click and select fields visually.
For any other form (Free & Pro): 
Create a configuration, use the Visual Selector Tool to click your form fields (or manually enter CSS selectors), choose Single Line or Smart Mapping mode, and activate globally or on specific pages.
<h4>Technical Details</h4>
<ul>
<li>Uses the latest Google Places API (New) — future-proof and fully supported</li>
<li>Programmatic API approach — your form inputs keep their original styling</li>
<li>Session tokens for optimized Google API billing</li>
<li>Debounced search (300ms) to minimize API calls</li>
<li>Server-side IP geolocation — no CORS errors, cached for 24 hours</li>
<li>Reverse geocoding for draggable map pin (requires Geocoding API)</li>
</ul>

Autocomplete Google Address

The #1 Google Address Autocomplete for WordPress. Point-and-click setup, no coding. Works with WooCommerce, CF7, WPForms, Gravity Forms & Elementor.

Autocomplete Google places vs Autocomplete Google Address