Locate the address field ids on your website, enter them into the code generator below and a JavaScript code snippet will be generated that can be deployed on your website to find and validate NZ addresses in real-time.

Please fill out the form to generate your custom snippet

Locating the address field ids on your website is easy. Just follow the steps below.

• Browse to the address form page of your website (e.g. the checkout or sign-up page)
• Right click on the address input field and select "Inspect" (Chrome) or "Inspect element" (Edge / IE) as shown below.
• The input field should look similar to the HTML code below:

<input type="text" id="address_field_1" />

• Write down the id of the input field. In the exampe above it is "address_field_1".
• Repeat steps 2 - 4 for each input field id such as "suburb" and "city"

Now that you have all of the address field ids, you can use the address validation code generator.

Follow the steps below to test the address validation code snippet in your browser, with no installation or web deployment required.

• Browse to the address form page of your website (e.g. the checkout or sign-up page)
• Press F12 on your browser (e.g. Chome, FireFox, Edge, IE) to open the developer tools and click on the Console tab.
• Copy and paste the generated code snippet into the console window and press "Enter" as shown below.

Chrome:

Edge:

Firefox:

• Verify that the address autocomplete functionality is working by typing in an address on the page.

Use one of the follow techniques to publish the code snippet to your website:

• Google Tag Manager Deployment
• Embedded JavaScript Deployment