> For the complete documentation index, see [llms.txt](https://saa.khadim.nz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://saa.khadim.nz/kb/how-to-add-address-autocomplete-to-contact-form-7.md).

# How to add address autocomplete to Contact Form 7?

This article provides a detailed guide on how to add address autocomplete to Contact Form 7. It explains two methods, add it while creating a new form or adding it to an existing form.

Unlike other forms in WordPress, Contact Form 7 doesn't automatically assign an id attribute to fields therefore you will have to manually add them.

if you need help with other forms please see the article about [Google address autocomplete in WordPress](https://wpcube.co.nz/how-to-add-google-address-autocomplete-in-wordpress-for-free/) by WPCube.

<div align="left"><img src="https://1638384659-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPRHtCQ2VKYnMo9rdjg%2F-MPu_aBXNuj9Z9TLWNCQ%2F-MPud0sDqDI0EyZ8r9rQ%2FScreen%20Recording%202021-01-01%20at%2010.09.11.19%20AM.gif?alt=media&amp;token=6a2f3ded-4a0b-4204-85ee-ba2887e23cb3" alt=""></div>

## Add address autocomplete to an existing form

To add an id attribute to an existing form please follow these steps.

1. Go to **Contact Forms** and locate the form where you want to add address autocomplete.
2. **Edit** the form
3. Find the field&#x20;
4. Add id attribute just after the name attribute. For instance, **id:some-id-name**
5. Click **Save** button to save the changes

![](https://1638384659-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPRHtCQ2VKYnMo9rdjg%2F-MPuZvI9yiQqrdoUWaJO%2F-MPu_ZEwdZgytlyDuyxG%2FScreen%20Recording%202021-01-01%20at%2009.54.49.12%20AM.gif?alt=media\&token=8822e796-6f03-4406-a1c9-7cdc8ae7a07a)

* Then **copy** the newly added id and **paste** in Simple Address Autocomplete settings.
* Click **Save Changes** to save it
* Viola, your field has now address autocomplete functionality.

![](https://1638384659-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPRHtCQ2VKYnMo9rdjg%2F-MPu_aBXNuj9Z9TLWNCQ%2F-MPuar6F0_q6mv_0HtRK%2FScreen%20Recording%202021-01-01%20at%2009.58.34.03%20AM.gif?alt=media\&token=d0eae16a-c5e7-46da-b0d9-056c60b4df2f)

## Add address autocomplete to a new form

While creating a new form in Contact Form 7, all you need to do is fill in the id attribute filed and add it Simple Address Autocomplete settings.

Follow these steps to create a new form with address field.

* Go to **Contact**
* Create a **New Form**
* Name the new form
* Add a new **Text Field**. It is important that you select TEXT field otherwise you may encounter errors
* Add i**d attribute**.
* Click **Insert Tag** to add the field to the form.
* Click **Save** to save the new form
* Then copy and paste the id to Simple Address Autocomplete settings as shown above.

![](https://1638384659-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPRHtCQ2VKYnMo9rdjg%2F-MPueH3eSr-ic7RZGCfQ%2F-MPufObkcKaOo8BI6waO%2FScreen%20Recording%202021-01-01%20at%2010.18.00.05%20AM.gif?alt=media\&token=4c6ce4e1-469f-4192-a0de-37ae7fa1b3a2)