Multiple widgets on one page
Multiple Widgets PO BoxThe example shows how it's possible to use two widgets to collect two different types of addresses within the same page. We are using a billing and shipping address form as an example.
See the Pen Multiple widgets on one page by Addressfinder (@addressfinder) on CodePen.
Related code examples
-
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
-
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
-
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
-
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