One class per fieldFree — Ninja Forms

Ninja Forms.

No address field in Ninja Forms, so you tag yours. Two minutes, once per form.

Ninja Forms has no address field type, so there is nothing to detect automatically. You add a CSS class to each of your text fields and the plugin takes it from there.

SETUP

Three steps.

Step 1

Install the Postio plugin, activate it, and save your API key under Settings → Postio.

Step 2

Add plain Single Line Text fields to your form for line 1, line 2, town and postcode.

Step 3

Open each field, go to Display → Element Class, and enter the matching class from the table below.

CLASSES

What to tag.

Only postio-line-1is required. Everything else is optional — tag the fields you have and leave out the ones you don't.

CLASSFIELDNOTES
postio-line-1Address line 1Required. Doubles as the search box unless you add postio-search.
postio-line-2Address line 2Optional.
postio-townTown or cityOptional.
postio-postcodePostcodeOptional.
postio-searchSeparate lookup boxOptional. Add this if you want a dedicated "start typing" field above the address.
WORTH KNOWING

Details.

The class goes in Display → Element Class, not the field label or key.

Ready in under a minute.

Sign up, grab a key, paste it in. Your first hundred lookups are on us.