Addressfinder

The best way to find exact addresses in New Zealand

  • Skip to Main Navigation
  • Skip to Footer Sitemap
  • Skip to Top
  • Pricing
  • Features
    • Autocomplete
      Search addresses and locations as you type
    • Bulk Cleansing
      Verify a database of addresses
    • Geocode Addresses
      Collect addresses and GPS coordinates together
    • Bounding Box
      Collect all addresses within a defined area
    • MORE FEATURES
  • About us
  • Case studies
  • FAQ
  • Contact
  • Blog
  • JavaScript widget docs
  • API developer docs
  • Pricing
  • Features
    • Autocomplete
      Search addresses and locations as you type
    • Bulk Cleansing
      Verify a database of addresses
    • Geocode Addresses
      Collect addresses and GPS coordinates together
    • Bounding Box
      Collect all addresses within a defined area
    • MORE FEATURES
  • More
    • Company & product
      • About Us
      • Case Studies
      • FAQ
      • Partners
      • Blog
      Contact Us
    • Integrations
      • Magento
      • WooCommerce
      • BigCommerce
      • Salesforce
      • Shopify Plus
      See all integrations
    • JavaScript widget docs
      • Integration Guide
      • Widget Code Generator
      • Widget Reference
      • Code Examples
      See all JavaScript docs
    • API developer docs
      • Address Autocomplete
      • Address Metadata
      • Address Verification
      • API Errors
      See all API docs
  • Login

Code examples

In this page

  • Address widget for Javascript libraries
  • Custom address widget examples
  • Custom Email widget examples
  • Other code examples

Address widget for Javascript libraries

Make use of a variety of popular libraries to integrate Addressfinder into your form/page.

  • js
  • jquery
  • react
  • angular
  • vue

Custom address widget examples

  1. Urban address search only - The example demonstrates the widget being filtered to return only urban addresses. Rural addresses are being excluded from the search results.
    #Restrict #Urban

  2. Physical address search (no PO boxes) - The example demonstrates the widget being filtered to return only physical addresses. PO box and Private Bag address types are excluded from the search results.
    #PO Box #Restrict

  3. Capturing Address Metadata - Demonstrates capturing several of our metadata attributes, and saving them into hidden fields on a form. In this example, we capture GPS coordinates, the meshblock ID, the NZ Post DPID field and also the name of the region. The example of the AddressFinder widget showcases some of the extra data that can be collected along side each Address. The addresses GPS location, meshblock ID and DPID are all collected in this example.
    #DPID #GPS #Meshblock #Metadata #Region

  4. Custom styling: Fixed width adjustment - The example of the Addressfinder widget has the manual styling feature turned on. This enables the styling to be set by the customer rather than using the default style. When you make a search, the address results in this example will span to the width of the input element instead of the variable width option the widget usually returns.
    #Styling #User Interface

  5. Smart Billing and Shipping Checkout Form - The example shows how Addressfinder can be used in a smart way within an address collecting form. By toggling the 'Ship to my billing address' button a user can specify a separate shipping address (no PO Box type addresses) to their billing address (address delivered to by New Zealand Post).
    #Multiple Widgets #PO Box #Shipping

  6. Multiple country address form - The code demonstrates the searching of an address from either AU or NZ. It then the populates the address info into the address fields. The country select box is used to determine which address database is searched.
    #Multiple Countries #Multiple Widgets

  7. Restriction by Geofence - The code produces a pop-up which notifies the user whether or not they are in the designated location.
    #Geofence #Logic #Restrict

  8. International Address Autocomplete - Demonstrates how to use the widget to search for addresses within 10 different countries.
    #International #Multiple Countries

  9. Open Street Maps Address Geocoding with SA1 - The example shows how you can capture Addressfinder data and populate it on Open Street Maps while also obtaining SA1 metadata. It functions for both AU and NZ.
    #GPS #Maps #Multiple Countries #Multiple Widgets #Open Street Map

  10. Form without address line 2 - The example shows the basic use case of the AddressFinder widget but on a form that has fewer address fields. This form only has one "address line" so the widget has been modified to combine the 'Address_Line_1' and 'Address_Line_2' elements when populating the content into the appropriate field.
    #DOM #Logic #Split Fields #Street

Custom Email widget examples

Other code examples

DOM DPID Empty Content Error Message GPS Geofence International Location Logic Manual Maps Meshblock Metadata Multiple Countries Multiple Widgets Nearby Open Street Map PO Box Parcel ID Points of Interest Proxy Region Restrict Rural Shipping Split Fields Street Styling Suburb Survey Urban User Interface
  • JavaScript Widget
    • Integration guide
    • Widget code generator
    • Code examples
    • Best practices
    • Fixing browser quirks
    • Advanced usage
    • Can't find your address?
    • JavaScript widget reference
  • Email Verification Services (ALPHA)
    • Email Verification API
    • Widget integration guide
    • Widget advanced usage
  • API Specs (NZ)
    • Address Autocomplete
    • Address Metadata
    • Address Verification
    • Address Reverse Geocode
    • Address Bounding Box
    • Location Autocomplete
    • Location Metadata
    • Points of Interest Autocomplete
    • Points of Interest Metadata
    • API Errors
  • API Specs (AU)
  • API Specs (INT'L)
  • Integrations
    • Magento
    • WooCommerce
    • BigCommerce
    • Salesforce
    • Shopify Plus
    • Hubspot
    • Spiffy Stores
    • Ruby
    • iOS
    • Drupal
    • Microsoft Dynamics 365
    • Vue
    • Gravity Forms
    • React
Addressfinder logo
Addressfinder provides speedy, accurate and dependable address autocompletion at a fair price. Easily integrate our address finder software with your site to start enjoying our address verification, address autocomplete and other address services today.

Sitemap

  • Home
  • About
  • Contact
  • Blog
  • FAQ
  • Pricing
  • Case Studies
  • Status Page
  • Privacy Policy
  • Terms & Conditions
  • Features
  • Address Metadata
  • Bulk Cleansing
  • Geocode Addresses
  • Reverse Address Lookup
  • Points of Interest
  • Street, Suburb & City Search
  • Bounding Box Search
  • Postcode Finder
  • Address Verification
  • Integrations
  • WooCommerce
  • BigCommerce
  • Shopify Plus
  • Magento
  • Salesforce
  • Spiffy Stores
  • iOS
  • Ruby
  • HubSpot
  • Drupal
  • Microsoft Dynamics 365
  • Vue
  • Gravity Forms
  • React
  • API Documentation
  • Address Autocomplete
  • Address Metadata
  • Address Verification
  • API Errors
  • Another 6 APIs
  • AU APIs specs
  • International APIs
  • Widget Documentation
  • Integration Guide
  • International Integration Guide
  • Code Generator
  • Code Examples
  • Javascript Reference
Addressfinder is also available in Australia
Terms and Conditions | Privacy
Copyright © 2022 Addressfinder, New Zealand