Elementor Pro Forms.
Elementor Pro only. Tag your fields with CSS classes and you are done.
The Form widget is part of Elementor Pro — free Elementor does not include it. Elementor forms have no address field type, so you tell the plugin which field is which using the Custom CSS Classes box on each one.
Three steps.
Install the Postio plugin, activate it, and save your API key under Settings → Postio.
Add text fields to your Elementor form for line 1, line 2, town and postcode.
For each field, open Advanced → CSS Classes and add the matching class from the table below.
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.
| CLASS | FIELD | NOTES |
|---|---|---|
| postio-line-1 | Address line 1 | Required. Doubles as the search box unless you add postio-search. |
| postio-line-2 | Address line 2 | Optional. |
| postio-town | Town or city | Optional. |
| postio-postcode | Postcode | Optional. |
| postio-search | Separate lookup box | Optional. Add this if you want a dedicated "start typing" field above the address. |
Details.
If you are on free Elementor there is no Form widget to tag. Any other form plugin on this list will work alongside Elementor.
Using something else?
UK address lookup on the block and classic checkout, plus My Account addresses. No configuration.
Every Address field on every form, wired automatically.
Automatic on WPForms Pro. On WPForms Lite, two minutes with CSS classes.
Native Address field, free core, wired automatically.
Native Address field with sub-inputs, free, wired automatically.
CF7 has no address field, so you tag yours. Two minutes, once per form.
No address field in Ninja Forms, so you tag yours. Two minutes, once per form.
Ready in under a minute.
Sign up, grab a key, paste it in. Your first hundred lookups are on us.