To configure the Zipcode appearance for the product page navigate to the Settings > Zipcode Validator.
You can display the “Zipcode Validator” block in 4 different ways:
– Inline Form
– All product serviceability (popup)
– Zipcode Validation Bar
– Product wise serviceability (popup)
1. Inline Form
None: Selecting this option will hide the zipcode widget from the frontend.
Above: Selecting this option, the “Zipcode Validator” block will appear above the Add to Cart button on the product detail page.
Below: Selecting this option, the “Zipcode Validator” will appear below the Add to Cart button on the product detail page.
Manual: You can also place the Zipcode in your desired place on the product detail page.
2. All product serviceability (popup)
You can choose how the widget will appear on the frontend – it can be displayed as a floating icon, or can be integrated into the header of the webpage. You can select both options to display the popup in the header as well as a floating icon.
Require Zipcode Check (Remove close button from popup till zipcode is entered)
– The popup will remain visible without a close button until a valid zipcode is entered. This ensures that users provide their zipcode before proceeding to use the website.
Block Store Access if Zipcode is Unserviceable
– The close icon on the popup remains hidden until a serviceable zipcode is entered.
– If a customer enters an unserviceable zipcode, the popup stays open, preventing access to the website until a valid zipcode is provided. This ensures only users from serviceable areas can proceed further.
3. Zipcode Validation Bar
Zipcode bar can be displayed on your website through this option. You simply need to follow the defined steps to integrate it.
4. Product wise serviceability (popup)
You can add the widget to the header by using the provided code snippet. Once the “Zipcode Widget” settings are configured, click on the Save button to apply the changes.
Note: To apply zipcode validation make sure that zipcode rules should be set globally for all products.
Refer to this video for more detailed information: