I've used WordPress for years for my clients. Along the years, I've bookmarked plugins that increased results for me and my clients. They're simple, powerful, and perfect for your toolkit. Here's one of them:
Autocompleting Addresses on Forms
Autocomplete Google Address is a plugin that auto-completes your user's address input. My clients are mostly local businesses that require a property address to begin their sales process.
As web developers, our responsibility is to increase leads and conversions. To do so, the user experience must be easy enough to view, navigate, and interact.
By adding an autocomplete feature, it reduces the friction between the user and the conversion process, allowing them fill out our forms with less effort.
In addition, the submitted data is uniform and clean.
3454 sunset cir Florida ❌ 450 south main st seatle wa ❌ 450 South Main St Seattle, WA 98104 ✅
With this plugin, we can ensure that state and postal code is included. Without it, we'll need to follow up to clarify or clean the data, costing time.
Adding autocomplete benefits both parties, website and visitors, by reducing friction on both ends.
Set up Google Maps API and get an API key
Head over to the Google Maps API console
Sign in and create and name your project. If you don't have an organization, you can just leave it blank.
Select your project you've just created.
You should see the API key generated for you immediately.
Disable "Enable all Google Maps APIs..." and go to the console.
Under APIs, click 'Places API' and enable. You should see it under "Enabled APIs".
If you lost your API key, it's located under Credentials -> API keys -> "Show Key"
I'm using Elementor as my WordPress page builder. Any page or form builder will work as long as the form has an 'id' attribute.
Head over to your WordPress website and find a form you'd like to have auto-complete enabled.
Right-click the input field and select "Inspect". (Skip this step if you know your form ID)
Now that we have our form ID. Let's set up the plugin.
Install and Setup for Autocomplete Google Address
Download Autocomplete Google Address and head to your WordPress dashboard.
On your left navigation, go to Plugins -> Add New.
Hit "Upload Plugin", choose the .zip file, and click Install.
After you've activated the plugin, see your navigation bar again, and find "Autocomplete".
Add your API Key and Form ID into the fields.
Go to your form and begin typing a number.
We have successfully added autocomplete to your WordPress form!
If this helped, please share this blog! Thanks for reading.