Skip to main content

Wix Integration

Integrate Address Verification with the Wix Editor.

Features

  • Bind address lookup to your address fields
info

If you need support, you can either reach out to us on our support page.

Screenshots

Address Lookup

Ideal Postcodes Wix Integration Demo

Form Creation

On your Wix Dashboard head over to Forms & Submissions. Create a new Standalone Form.

A basic address form to capture a correct UK address requires the following fields:

  • Address Line One
  • Address Line Two
  • City
  • State
  • Zip Code

Create address fields-screenshot

You can optionally include additional fields, which are documented in our PAF documentation.

Installation

To add the Address Lookup API on your form:

  • Go to your Dashboard and click Settings
  • Under Advanced, click Custom Code
  • Click Add Code in the Body - End section.
  • Make sure the Code Type is set to Essential.
  • Copy and paste the code below
<script src="https://cdn.jsdelivr.net/npm/@addresszen/address-lookup"></script>

<script>
document.addEventListener("DOMContentLoaded", function () {
AddressZen.AddressLookup.watch({
apiKey: "API_KEY_HERE",
outputFields: {
line_1: 'input[name="address-line one"]',
line_2: 'input[name="address-line two"]',
city: 'input[name="city"]',
state: 'input[name="state"]',
zip_plus_4_code: 'input[name="zipcode"]'
},
})
})
</script>

Insert a Code box-screenshot

caution

Take special care to:

  1. Insert your API Key in the apiKey field
  2. Update the input field names of your target fields. If your Address Line One name is address-line_1, this line should be replaced with 'input[name="address-line_1']'. Do this for all the address fields you wish to include

If you wish to add an additional field, include the parameter name from our documentation. For instance, adding a county field with Field ID country will look like:

outputFields: {
line_1: 'input[name="address-line one"]',
line_2: 'input[name="address-line two"]',
city: 'input[name="city"]',
state: 'input[name="state"]',
zip_plus_4_code: 'input[name="zipcode"]',
country: 'input[name="country"]'
}

Configuration

See our Address Lookup Plugin Documentation if you wish to customise Address Lookup.