> 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?

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="/files/-MPud0sDqDI0EyZ8r9rQ" 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

![](/files/-MPu_ZEwdZgytlyDuyxG)

* 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.

![](/files/-MPuar6F0_q6mv_0HtRK)

## 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.

![](/files/-MPufObkcKaOo8BI6waO)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://saa.khadim.nz/kb/how-to-add-address-autocomplete-to-contact-form-7.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
