Autocomplete Google Address vs Autocomplete Location Field for Contact Form 7

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)

Autocomplete Location Field for Contact Form 7 is the easiest way to add a smart Google Address Autocomplete field to any Contact Form 7 form on your WordPress website. Powered by the Google Places API, this plugin delivers real-time address suggestions as users type — reducing typos, incomplete submissions, and user frustration. Whether you run a delivery service, real estate agency, booking platform, or local business, this plugin helps you collect accurate location data effortlessly. 🔗 Pro Version | Support | Get a Google Places API Key Why Use Autocomplete Location Field for Contact Form 7? Manually typed addresses are prone to errors. This plugin eliminates that problem by integrating Google’s powerful address intelligence directly into your CF7 forms. Users get instant, accurate suggestions — and you get clean, reliable data. Perfect for: – 📦 Delivery and shipping address forms – 🏠 Real estate and property listing sites – 📅 Booking and appointment forms – 🛠️ Service area and local business websites – 📬 Business contact and inquiry forms ✅ Key Features (Free) Google Address Autocomplete — Real-time suggestions powered by Google Places API Seamless CF7 Integration — Works natively inside the Contact Form 7 editor Simple API Key Setup — Connect your Google API key in minutes Lightweight & Optimized — Minimal impact on page load speed Easy Field Insertion — Add the autocomplete field with a single click in the CF7 editor 🚀 Pro Features Upgrade to Pro for advanced location control: 🌍 Country Restriction — Limit autocomplete suggestions to specific countries (e.g. US, UK, AU) 🗺️ Google Map Display — Show an interactive map when a location is selected 🧩 Separate Address Components — Capture Street, City, State, Country, and Postcode in individual fields 🏷️ Place Type Filtering — Restrict suggestions by type (e.g. establishments, geocodes, art galleries) 🌐 Custom Placeholder Translation — Localize your field placeholder text ⚡ Priority Support — Get fast, dedicated help from our team How It Works Install and activate the plugin. Navigate to Contact → Google Place API in your WordPress admin. Paste your Google Places API Key. Open any Contact Form 7 form editor. Click “Field Autocomplete” to insert the location field shortcode. Save the form and publish your page. That’s it — your form now has intelligent address autocomplete! Get your free Google API Key: Step-by-step guide | Official Google Docs Additional Information Support: codesmade.com/contact-us Pro Version: codesmade.com/store API Key Guide: codesmade.com/create-google-map-place-api-key