Tutorials

How to Set Up Canadian Address Forms with Province Dropdown

How to Set Up Canadian Address Forms

Canadian businesses, nonprofits, and e-commerce sites need address forms that match how Canadians actually write their addresses — not US-style state and ZIP fields. Visitors expect Province and Postal Code labels, a dropdown of provinces and territories, and validation that accepts formats like K1A 0A6, not five-digit ZIP codes.

Auto Form Builder includes a dedicated Address field with a built-in Canada preset. One selection configures province dropdown, Canadian postal code validation, correct field labels, and a hidden country field locked to Canada — no custom code or third-party APIs required.

Last updated: Last update 10 August

What the Canada Address Preset Includes

The Address field lives under the Advanced category in the form builder. When you choose the Canada address type preset, Auto Form Builder applies these settings automatically:

  • Province dropdown — a select menu with all 13 provinces and territories instead of a free-text state field
  • Canadian labels — Street Address, Apt/Suite, City, Province, and Postal Code
  • Country locked to Canada — default country set to CA; country field hidden from visitors
  • Strict postal code validation — enforces the Canadian A1A 1A1 pattern (example: K1A 0A6)
  • Structured layout — separate inputs for each address component in a stacked vertical layout

The preset is designed for forms that collect Canadian addresses only — shipping forms, service area requests, membership applications, donation forms, and local event registrations.

All 13 Provinces and Territories in the Dropdown

When the Canada preset is active, the Province field renders as a dropdown populated from the plugin’s region data. All provinces and territories are included:

  • AB — Alberta
  • BC — British Columbia
  • MB — Manitoba
  • NB — New Brunswick
  • NL — Newfoundland and Labrador
  • NS — Nova Scotia
  • NT — Northwest Territories
  • NU — Nunavut
  • ON — Ontario
  • PE — Prince Edward Island
  • QC — Quebec
  • SK — Saskatchewan
  • YT — Yukon

Submissions store the two-letter province code (e.g., ON, QC), which keeps export data consistent for shipping labels, CRM imports, and reporting.

How to Set Up a Canadian Address Form

Step 1: Open the Form Builder

In WordPress admin, go to Auto Form Builder → All Forms. Open an existing form or click Create New Form.

Step 2: Add the Address Field

From the field palette, find Address under the Advanced category. Drag it onto the form canvas and click the field to open its settings panel.

Step 3: Select the Canada Preset

Under Address Type, open the Address Type Preset dropdown and choose Canada. The preset description reads: Optimized for Canadian addresses with province dropdown.

This single selection applies the province dropdown, Canadian labels, hidden country field, and strict postal validation in one step.

Step 4: Set the Field Label and Required Status

Set a clear Field Label such as Shipping Address or Mailing Address. Enable Required Field in the base field settings if the address must be submitted with the form.

Address Line 1 and City are always included in the address field. Province and Postal Code are shown by default with the Canada preset.

Step 5: Customize with Advanced Settings (Optional)

Click Show Advanced Settings to fine-tune the field:

  • Toggle Address Line 2 for apartment or suite numbers
  • Enable Company/Organization for business addresses
  • Turn on Enable Browser Autocomplete so returning visitors can fill addresses faster
  • Switch Field Layout between stacked (vertical) and inline (horizontal)
  • Adjust Validation Strictness — Canada preset defaults to strict postal validation

Step 6: Save, Preview, and Publish

Click Save Form, preview on desktop and mobile, then publish with the shortcode or embed code from the Forms screen.

Canadian Address Field Components Explained

Street Address (Address Line 1)

The primary street address line. Always shown and always required within the address field structure.

Apt, Suite, etc. (Address Line 2)

Optional second line for unit numbers, buzzer codes, or building names. Enabled by default with the Canada preset; disable it in advanced settings if you do not need it.

City

The municipality name. Always shown and always required within the address field.

Province (Dropdown)

Rendered as a <select> menu listing all provinces and territories. Visitors choose from the list rather than typing abbreviations manually, which reduces invalid entries like typos or US state names.

Frontend validation checks that the selected value is a valid Canadian province code when the dropdown is active.

Postal Code

Accepts Canadian postal codes in the standard alternating letter-number format. With strict validation enabled (the Canada preset default), the field enforces the pattern A#A #A# — for example, K1A 0A6.

Submitted postal codes are normalized: non-alphanumeric characters are stripped, the value is uppercased, and a space is inserted after the third character when six characters are entered (e.g., k1a0a6 becomes K1A 0A6).

Country (Hidden)

The country field is hidden and locked to Canada (CA). Visitors do not see a country dropdown, which keeps the form clean for Canada-only use cases.

Postal Code Validation: Strict vs. Lenient

The Canada preset sets Validation Strictness to Strict by default. In strict mode:

  • Postal codes must match the Canadian pattern ^[A-Z][0-9][A-Z] [0-9][A-Z][0-9]$
  • Invalid formats are rejected with an error before submission
  • Values are formatted consistently on save

If you need to accept partial or non-standard entries (for example, during early testing), switch to Lenient under advanced validation settings. For production Canadian forms, keep strict mode enabled.

Advanced Layout and Display Options

Beyond the preset defaults, advanced settings let you adapt the field to your form design:

Address Mode

  • Structured (default) — separate inputs for street, city, province, and postal code; best for shipping and CRM data
  • One-line — a single text input with server-side parsing; useful for compact forms where structured data is less critical

Field Layout

  • Stacked (default) — fields arranged vertically; works well on mobile
  • Inline — fields arranged horizontally; suits wider desktop layouts

Browser Autocomplete

Enable Enable Browser Autocomplete to add standard HTML autocomplete attributes (address-line1, address-level1, postal-code, etc.). Browsers that support address autofill can then suggest saved addresses, speeding up repeat submissions.

Company/Organization Field

Enable Company/Organization to add a business name input above the street address — useful for B2B order forms or invoice requests.

How Address Submissions Are Stored

Auto Form Builder stores address data in a dedicated address table linked to each submission. For Canadian entries, stored fields include:

  • Street address lines
  • City
  • Province code (e.g., BC, ON)
  • Postal code (normalized format)
  • Country code (CA)

Structured storage makes exports and submission views cleaner than a single free-text address block, and province codes stay consistent for downstream shipping or CRM tools.

Practical Canadian Address Form Examples

E-Commerce Shipping Address

  • Preset: Canada
  • Label: Shipping Address
  • Address Line 2: Enabled
  • Required Field: Yes
  • Validation: Strict

Local Service Request (Ontario Only)

  • Preset: Canada
  • Label: Service Address
  • Help text: We currently serve Ontario addresses only
  • Conditional logic: Show a follow-up message if province is not ON

Nonprofit Donation Mailing Address

  • Preset: Canada
  • Label: Mailing Address
  • Address Line 2: Disabled (keep form short)
  • Browser autocomplete: Enabled

Business Invoice Form

  • Preset: Canada
  • Company/Organization: Enabled
  • Layout: Stacked
  • Required Field: Yes

Canada Preset vs. Other Address Presets

  • Canada — province dropdown, postal code validation, hidden CA country; for Canadian-only forms
  • United States — state dropdown, ZIP validation, hidden US country
  • International — country dropdown visible; region behavior adapts to selected country
  • Custom — full manual control over every subfield, country, and validation setting

If your form accepts both Canadian and US addresses, use the International preset or Custom settings with the country field visible — not the Canada-only preset.

Combine Canadian Address Fields with Conditional Logic

The Address field supports conditional logic like any other field. Show a Billing Address field only when a “Different billing address” checkbox is checked, or reveal province-specific follow-up questions when QC or BC is selected. Rules evaluate in real time as visitors change their answers.

What Auto Form Builder Does Not Include

The Canada address preset focuses on form collection and validation — not external address services. Auto Form Builder does not include:

  • Canada Post or Google Maps address lookup APIs
  • Real-time address verification against postal databases
  • Automatic geocoding or map pin selection
  • Shipping rate calculation based on postal code

For most WordPress contact, registration, and order-intake forms, the built-in province dropdown and postal validation are sufficient. Connect verified addresses to your shipping or CRM tools after submission.

Download Auto Form Builder — Free Canadian Address Fields

Canadian address forms with province dropdown, postal code validation, and structured storage are included in the free plugin — the same plugin that gives you drag-and-drop form building, submission management, spam protection, and email notifications at no cost.

Install it from the official WordPress.org directory: https://wordpress.org/plugins/auto-form-builder/

Last updated: Last update 10 August

Build forms that embed anywhere — free

Auto Form Builder lets you create multi-step forms, calculators, and lead capture forms in WordPress, then embed them on any site with a single line of code.

Install the free plugin

Frequently Asked Questions

How do I add a province dropdown to a WordPress form?

Add an Address field in Auto Form Builder, select the Canada address type preset, and save. The preset automatically enables a province/territory dropdown with all 13 Canadian regions.

Does Auto Form Builder validate Canadian postal codes?

Yes. The Canada preset uses strict validation that enforces the A1A 1A1 postal code format. Invalid codes are rejected, and valid codes are normalized to uppercase with proper spacing.

Which provinces and territories are in the dropdown?

All 13: Alberta, British Columbia, Manitoba, New Brunswick, Newfoundland and Labrador, Nova Scotia, Northwest Territories, Nunavut, Ontario, Prince Edward Island, Quebec, Saskatchewan, and Yukon.

Is the country field shown on Canadian address forms?

No. The Canada preset hides the country field and sets the default country to CA. Visitors only see Canadian address components.

Can I collect both Canadian and US addresses on one form?

Use the International address preset or Custom settings with the country field visible. The Canada-only preset is designed for forms that accept Canadian addresses exclusively.

Can I add a company name field to Canadian addresses?

Yes. Open Show Advanced Settings on the Address field and enable Company/Organization. A company name input appears above the street address.

Does Auto Form Builder integrate with Canada Post address lookup?

No. The plugin provides province dropdown and postal code format validation. External address verification or lookup services are not built into the core plugin.

Are Canadian address fields free in Auto Form Builder?

Yes. The Address field with the Canada preset, province dropdown, and postal validation is included in the free plugin on WordPress.org.


Leave a Reply

Your email address will not be published. Required fields are marked *