[WordPress] 外掛分享： Autocomplete Google Address

內容簡介

Autocomplete Google Address 是一款 WordPress 外掛，能為網站的各種表單提供即時地址建議，簡化用戶輸入地址的過程。透過視覺選擇工具，使用者無需編寫任何程式碼即可輕鬆設置地址自動填充功能。

【主要功能】
• 視覺選擇工具：點擊選擇表單欄位，無需編碼
• 地圖選擇器：互動式 Google 地圖，精確選擇地址
• 智能映射：自動填充街道、城市、州、郵遞區號及國家
• WooCommerce 自動設置：自動偵測結帳頁面
• 地址驗證：綠色/黃色/紅色徽章確認地址真實性
• GPS 地理定位：一鍵使用我的位置快速填寫地址

外掛標籤

開發者團隊

原文外掛簡介

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.
No Code Required — Point and Click Setup
Other address plugins make you learn CSS selectors or inspect code. Not this one.
With the Visual Selector Tool, you:

Click the “Pick” button next to any field
Your website loads in a preview window
Click the form field you want (e.g., your address input)
Choose from multiple selector options — ID, Name, Class, or Placeholder
Done. The field is mapped automatically.

It’s that simple. No tutorials, no documentation, no developer needed. If you can click a button, you can set up address autocomplete.
Works With ANY Form — Any Selector Type
This plugin doesn’t just work with IDs. It works with any valid CSS selector:

#billing_address — ID selector
[name="address"] — Name attribute
.address-field — CSS class
[placeholder="Enter address"] — Placeholder text
[data-field="address"] — Data attributes
form .row input:nth-of-type(2) — Complex DOM paths

You don’t need to know any of this. The Visual Selector Tool figures it out for you and shows you all options.
Most In-Demand Features

Visual Selector Tool (NEW) — Click to select form fields. Zero code required.
Map Picker — Interactive Google Map where users click or drag a pin to pick their exact address. Auto-fills all fields.
Smart Mapping — One address field auto-fills Street, City, State, Zip, and Country into separate fields.
WooCommerce Auto-Setup — Detects your checkout page automatically. Works with Classic and Block Checkout.
Address Validation — Green/yellow/red badges verify if an address is real.
GPS Geolocation — “Use My Location” button fills the address instantly.
8 Form Plugins Supported — WooCommerce, Contact Form 7, WPForms, Gravity Forms, Elementor Pro, Fluent Forms, Ninja Forms, plus any HTML form.
60-Second Setup Wizard — Enter API key, pick your form plugin, done.

Why 10,000+ Sites Choose This Plugin
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.

Works with your existing forms — no rebuilding
Zero style override — your CSS stays untouched
Lightweight — no jQuery UI, no CSS frameworks, no bloat
Works in every country — smart mapping for 30+ countries
Programmatic API — uses the latest Google Places API (New)

How the Visual Selector Tool Works
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:

ID (Blue) — Like #billing_address — Most reliable, recommended
Name (Green) — Like [name="address"] — Great for form plugins
Class (Yellow) — Like .form-control — Shows if it matches multiple elements
Placeholder (Purple) — Like [placeholder="Street address"]
Full Path (Gray) — DOM tree path — Always works as a fallback

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.
Free Features

Works with any form — checkout, contact, registration, booking
Single line mode — full address in one field
Unlimited configurations — different setups for different forms
Keyboard navigation — arrow keys, Enter, Escape
Smart dropdown — loading spinner, no-results message, Google attribution
Google Places API (New) — latest, most accurate API
Shortcode support — [aga_autocomplete] anywhere
Duplicate configs — one-click clone
Import/Export — JSON backup and transfer
Health Check — auto-diagnose API issues
Conflict detection — warns about other Google Maps scripts
Works in every country — 200+ countries supported

Pro Features

Visual Selector Tool — Point-and-click field mapping, no code needed
Map Picker — Interactive map with draggable pin, GPS auto-center, reverse geocoding
Smart Mapping Mode — Auto-fill Street, City, State, Zip, Country into separate fields
WooCommerce Auto-Integration — Zero-config setup, auto-detects Classic vs Block Checkout
One-Click Form Presets — Pre-built configs for CF7, WPForms, Gravity Forms, Elementor, Fluent Forms, Ninja Forms
Address Validation — Green/yellow/red verification badges using Google Address Validation API
GPS Geolocation — “Use My Location” button with IP fallback
Saved Addresses — Quick-select from recent addresses for logged-in users
PO Box Detection — Automatic warning for PO Box, APO, FPO addresses
Multiple Country Restrictions — Limit results to up to 5 countries
Per-Form Language Override — Different languages for different forms
Per-Page Activation — Load only on specific pages
Address Verification Webhook — Send alerts to Slack, Zapier, or any URL
Checkout Abandonment Tracking — Track incomplete checkouts in Analytics
White Label Mode — Custom admin menu name for agencies
REST API — Headless endpoints for React/Next.js storefronts
Usage Analytics Dashboard — Track searches, selections, top countries
Place Type Filter — Addresses only, cities, businesses, or regions
Custom Dropdown Styling — Colors, fonts, border radius from admin
Elementor Widget + Form Field — Native drag-and-drop with all Pro features
Dark Mode — Adapts to user’s dark mode preference
RTL Support — Arabic, Hebrew, and right-to-left languages
ARIA Accessibility — Screen reader support
Smart Country-Aware Mapping — Correct city/state mapping for 30+ countries
Priority WhatsApp Support — Direct support from the developer

Works With

WooCommerce (Classic & Block Checkout)
Contact Form 7
WPForms
Gravity Forms
Elementor Pro Forms
Fluent Forms
Ninja Forms
Formidable Forms
Any HTML form with standard inputs

How It Works
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.
Technical Details

Uses the latest Google Places API (New) — future-proof and fully supported
Programmatic API approach — your form inputs keep their original styling
Session tokens for optimized Google API billing
Debounced search (300ms) to minimize API calls
Server-side IP geolocation — no CORS errors, cached for 24 hours
Reverse geocoding for draggable map pin (requires Geocoding API)