Adding a 'how did you find us to checkout'... how to make fix form validation

[Pupari]

Hey all! So I've managed to add the 'how did you find us' to my checkout following the method here: https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-...

However, not all of my orders have this information for some reason. I've set it so there is form validation (see below) but even so, only around 20% if my orders have this, so customers are bypassing it. Do you know how I can set it so it's required at checkout?

My website is https://pupari.co.uk/ if needed 🙂

Thanks!

[Liam]

Hi Pupari,

Using the novalidate HTML attribute to turn off the browser's automatic validation might not always be the most reliable way to implement a required field as some browsers may not register it correctly. A better approach might be to use JS form validation - there's a basic example here that you could use as a model to implement this on Shopify. 

Hope this helps!

[Pupari]

Hey @Liam 

Thanks for sharing that! I'm not really sure how to implement it though 😂

I just followed that other guide step by step 😂😂😂

Do you know of any guides around for this particular case?

[Liam]

I couldn't find any tutorials on this exact scenario online, it might be best to hire a developer to create this custom feature from our partner directory? https://help.shopify.com/en/partners/directory

[DeveshaSolution]

Hey @Pupari,

Shipping address validation on shopify checkout page is possible with our App Address Validify.

Using Address Validify You can validate First name, Last name, Address Line 1 and Address Line 2, City, Zip Code, Phone, Customer Phone, Customer Email with Your Custom Messages Belongs to Perticular Field in Store Activate Language with various conditions like Missing House Number, Missing Apartment, Suite, etc., Prevent PO Box Address, Field Minimum/Maximum Length Checker, Keyword Matching Rule, Regular Expression Matching Rule, Missing Vat Number, Block Extra White Space, Block Non Latin word, Block Number.

Address Validify is also able to apply various validations as per Store Owner Requirements on Cart, and Block Perticular Zip code / Postal Code of any country without blocking Entier country

There is no need to have Shopify Plus plan anymore to validate shipping address at Shopify Checkout Page. and Our App is Just Plug & Play, there is no more modification in checkout.liquid file to Validate Shipping Address, Just Install Address Validify set validation rules as per your requirement, rest of all things will handled by our app.

Regards,
Devesha Solution.

[email protected]