The Smart Zipcode Validator shows the form on the product page and the user puts the valid zipcode to buy the products, then it gives permission to buy the product. 


First of all, go to the app and click on the Display Settings from the top menu bar, please follow the given below steps:-


1. Display Settings

  • Now Enable the app to the store.


  • Now select the Display Inline Form(on the product page).


  • Now check it to disable "add to cart" during the page load.


  • Now check it to allow purchase only if the zipcode is available.


  • Now check it to display the zipcode form only on the zipcode applied products page.


  • Now check it to prevent the same zipcode checked by using cookies.


  • Now enter the Minimum and Maximum length of the Zipcode.


  • Now select the Position of the zipcode checker form position.



2. Text Settings

  • Now enter the Heading Label Text.


  • Now enter the Sub Heading Label Text.


  • Now enter the Button Text. 


  • Now enter the Availability Message. 


  • Now enter the Unavailability Message. 


  • Now enter the Placeholder Text. 


  • Now enter the Error Validation Message.



3. Style Settings

  • Now select the Font-Family.


  • Now select Background Success Message color.


  • Now select Background Error Message color.


  • Now select Button Background color.



4. Custom CSS

  • Here, you can add the Additional CSS as well.



Now click on the Submit button to save changes.