Show postal code field

Hi @mtm100,

I’m not sure what the point would be – you would need to collect the postal code anyways? The Square credit card field will copy the postal code from the default Checkout postal code field added by WooCommerce.

We also need this. Our client only sells to their franchisees, and the location’s information is saved in the system so it matches the accounting system. They are not able to modify it. Some of the franchisees have credit cards from a location other than their shipping address. Without the ability to put in the zip code, their orders are failing to be processed.

Please advise how to make the post code field function and not pull from the billing info.

And please do not ask me what the point would be either. Or why they don’t change their system. I simply need a solution, or I need to know if I’m switching them off of Square because it no longer functions as it did when we setup this system.

Thanks!

We don’t make a customer go through the process of filling in their address since they are picking up their food order from us. We have those fields hidden and only collect name, phone number and email. We have been doing it like this for years and customers appreciate the quick checkout.

I just need to show the zipcode field in the square payment box. It shows for a moment and then disappears so I would think it shouldn’t be to hard to keep it from hiding. I tried with css but was unsuccessful.

Hi @wendywestbrook,

Square uses the Postal Code from the Billing area as mentioned by Thomas. You can unlink this requirement from Square with the assistance of Square and developer documentation found at this link. This would give the resolution that you require with the Postal Code not being required when putting in the credit card; however please note that the documentation for Square states as follows:

Warning
Postal code is a required payment field for processing credit cards issued in the United States (US), Canada (CA), and United Kingdom (GB). Disabling postalCode in those regions will result in all credit card transactions being declined.

This may need to be something you would take up with Square,

@mtm100,

I just need to show the zipcode field in the square payment box. It shows for a moment and then disappears so I would think it shouldn’t be to hard to keep it from hiding. I tried with css but was unsuccessful.

This sounds like a theme issue, as if the theme is overriding the checkout field area. Are you referring to the postal field in the Checkout page in general? If so, please link your site address so we can do a test run and see what is going on.

Hi Again ??

While posting this and working on a different forum issue, I noticed that there were several fields hidden with various themes when I go through the Square payment as seen at this link.

Drilling down into the fields, I can remove the None and show the postal code area as seen here.

If you use your Developer Tools with Chrome or Firefox and see the same fields in the drill down, you can try this CSS to see if it shows permanently:

.woocommerce #payment div.payment_method_square_credit_card .wc-square-credit-card-card-postal-code-parent.hidden {
    display: block;
}

If it still does not work, as you mentioned you have tried CSS to get it to show period, then consult with your theme developers to make sure the theme templates are not overriding the work. After that, you can make the Postal Code field in the actual checkout area optional.

Please let me know if this works ??

Thank you Mike! The css you provided did the trick.

Thanks Mike.

Isn’t the Woocommerce Square extension automatically pulling the billing zip code from Woocommerce? It wasn’t doing that previously, it only just started after a recent update. So it’s really the plugin we need to alter, or revert to an earlier version.

The postal code is required by the credit card company, so it’s not Square that is the issue. We aren’t going to override something that’s required, because it’s still going to be declined.

Hi all (again!)

@mtm100, awesome to hear ??

@wendywestbrook, hmmm.

Isn’t the Woocommerce Square extension automatically pulling the billing zip code from Woocommerce? It wasn’t doing that previously, it only just started after a recent update.

It is supposed to pull the billing zip from WooCommerce, if the ZIP is not entered into the Postal Code area of the i-frame in the plugin. The postal code in this latest update appears to be hidden by default, which the CSS above can show. This ZIP overrides the Postal code by WooCommerce, and should make it work. Have you tried to enter the CSS, place a test order with the ZIP in the payment field and have it work? Please let me know!

Hi Mike W,

Was there an update that would have caused the css you provided to stop working?
The zipcode field is hidden again and the code you provided is no longer working.

Thank for all you help!
Mike M

It seems I had to refresh the browser cache and it is displaying the zipcode field. I use $styles->default_version = 2.123 in functions.php to force browsers to refresh cache but that doesn’t seem to effect this plugin.

Is there some other file I could change a version number or a similiar way to force returning visitors to see the zipcode field?

Thanks
Mike M

Hi @mtm100,

Interesting – this may be something if you have a cache plugin, or server cache. Try disabling any cache plugins you have, or have your Host configure its firewall cache to see if this changes and allows visitors to see the ZipCode field.

@nixiack8 MikeW

Our clients are trying to pay with a card that is not the same as their shipping address, and we have the billing address fields disabled due to the way the rest of the custom ordering system was set up. It was set it up to work with the Square plugin, and it was working great until the update that deleted the Zip code field.

Can we just have the option of showing the Zip code field, or allowing them to see and modify that if needed?

Hi @mtm100 and @wendywestbrook,

Was there an update that would have caused the css you provided to stop working?
The zipcode field is hidden again and the code you provided is no longer working.

For CSS to stop working, the theme may have a template override to the checkout area which if updated could have conflicted. If you change the theme to something like Storefront or Twenty Seventeen and place the CSS code in there, does it show? I am seeing it on my side still when I test with the Storefront theme.

Also check to make sure you do not have any security plugins that might be blocking it, as odd as that sounds. If you have something like WordFence be sure to disable that and test to see if it resolves the issue. If it does, reach out to the plugin developer for additional support.

Can we just have the option of showing the Zip code field, or allowing them to see and modify that if needed?

The ZIP code field is hidden for Square as Square by default uses the Billing Zip code of the main checkout form (the area where you enter your address). To unhide it requires the code. We can look into putting something to show as an optional box, however at this point the code is the way to go. Please try the CSS code above and see if it works ??

Hi All,

I will go ahead and mark this as Resolved since we do have a workaround concerning the ZIP Code Field, but if you continue to have issues please reply back to this thread and let me know. Replying will re-open it and allow us to see what is going on.

Thanks!