Zipcode checker

Estimated reading: 2 minutes

CampaignSuite has a built-in Zipcode checker which can be used in any Gravity Forms form. By default, the Zipcode checker is already activated in the CampaignSuite field Address (NL) . But it is also possible to apply this to custom address fields using Custom CSS class on fields.

Suppose your form contains the fields as in the image on the right.

To set the Zipcode checker to this, you must set predefined CSS-class on each field:
– zipcode
– housenumber
– addon
– street
– city

Set this in the field in the Appearance tab:

If all five fields are set correctly, the Zipcode checker will be automatically activated when at least one postcode and house number are entered.

Note

The Zipcode checker is not activated in the Preview mode of the form in the WordPress admin.

Align field next to each other

Did you know that you can do even more with CSS class ? It is also possible to neatly put separate address fields next to each other with the following CSS class:
– gf_left_third
– gf_middle_third
– gf_right_third
Or if you want to put two fields next to each other:
– gf_left_half
– gf_right_half
The form will then look like this: