How to Add autocomplete Address Fields WordPress

How to Add autocomplete Address Fields in WordPress

many Users have requested, such as adding autocomplete Address Fields in Your WordPress Forms. The autocomplete allows Your Visitors to quickly choose an Address from the shape Proposals generated in Real time, as You Art. In this video, we show You how You add autocomplete Address Fields of WordPress, with the Help of the Google APIS Addresses.

Text Version of this tutorial:

If You liked this video, thank you Fun, and check out subscribe to our channel for more WordPress videos.

Join us on Facebook:

Follow us on Twitter:

Join our Circle on Google+:

See our website for more WordPress Tutorials

Summary of this tutorial:

For this tutorial, we are going to use the plugin: Address autocomplete With Google Places API.

Address Autocomplete Using Google Place Api

With the plugin activated, click on Settings, Google Autocomplete for the configuration of the plugin.

It will ask You for Your Google places API Key, the Key allows Your site to Connect with Google Maps and get the autocomplete Suggestions from Your Database.

You want to visit the Google Developer console site and create a new Project, the Developers of the Console website can be found here:

Enter a Name fir Your Project, we recommend that you use with which You need to identify what it is.

They should be automatically redirected to Your new Project that lists the most popular Google Apis, You can use in Your Project.

Select the Google places API key, and then press to activate the link, Near the top of the Page.

Click on the ” create Credentials for You to be Able to the API to use, as well as the Permissions that I need a Button, and You should see the API Key, You must copy Your WordPress plugin.

For Your Project, you must also, go to Your Library, and also allows a Google Maps Javascript API, and then press to activate the link, there were.

You can use the autocomplete on any Field in a Form plug-in by clicking to view the Page, the Form and the Right mouse button on the element to examine the Object.

Copy the Name, ID, or CSS Values for the Field and paste it in the “Settings”Page.

If You want to select multiple Fields just add a Comma to add the new ID/Name.