Back to Top

Product Zipcode Validator for Shopify | Installation Guide | Workflow

Updated 7 June 2021

PRODUCT ZIPCODE VALIDATOR

An app for Shopify that helps the merchants to assign zip codes to products and display zipcode checkers on the product/cart page of their stores to let customers check the product’s availability at a zipcode.

Let’s Begin with the App Installation Process and then, Understand the Workflow.

Installation

To install the app to your Shopify store: Log in to your Shopify account > Go to Apps > Further, click on Visit Shopify App Store.

Now, search for Product Zipcode Validator on Shopify App Store:

Searching for a Shopify
Headless solution ?
Find out More
Shopify-App-Store-Ecommerce-App-Marketplace

Click Add app button.

Product-Zipcode-Validator-–-Ecommerce-Plugins-for-Online-Stores-–-Shopify-App-Store

Getting redirected to the Shopify store, click the Install button.

Lastly, approve the charges & click the Start Free Trial Button and you are ready to use the app.
NOTE:- This app comes with a 7-days free trial period after which the app will be chargeable.

The app will be listed to your Shopify store.

zipcode validator app

Workflow

As soon as you’ll open the app, you’ll land on the Home Page from where you can check all the activities done in your store.
This section includes recently added products with zipcode rules, recently added zipcode records, overall product & zipcode statistics, take a tour option & app features.

Screenshot7

STEP 1: Configuration

Firstly, let’s look up into the General Configuration: Enable the options as per the requirements.
Auto-assign all added zip code to a new product: Enable/Disable this option if you want to auto-assign the added zip codes to new products.
Disable add to cart if zip code is not available: Display the “Add to Cart” button on the Product Page.

image-104

Moving on to Label Configuration: To configure front end labels.

Screenshot9

Message Background Configuration: Configure the background color of the success/error messages.

Zipcode-Validator-App-Home-Shopify-1

STEP 2: Add Country

In this section, the merchant can add countries and add states/provinces to the countries.

image-107

Also, the merchant can import countries in bulk via CSV upload.

NOTE:- Please make sure to read the instructions while preparing the CSV file. Now, download the sample CSV, make the changes in the CSV, and upload the updated CSV file.

Zipcode-Validator-App-Home-Shopify-2

STEP 3: Add State/Province

Clicking the Add State (Country>>Action menu), you can add states/provinces to that country. For this, you need to click the Add Province button and proceed to add states.

Zipcode-Validator-App-Home-Shopify-3

Clicking the Add Province button, you will enter the state name, city name and the zipcode.

Zipcode-Validator-App-Home-Shopify-4

You can also add the states to the countries in bulk via CSV.

Zipcode-Validator-App-Home-Shopify-5

STEP 4: Add/Import Products

From the Assign Zipcode section, you can add products or import products to the app in bulk via CSV upload.

Zipcode-Validator-App-Home-Shopify-6

IMPORT PRODUCTS
You can select the date range and import the Shopify products into the app.

Zipcode-Validator-App-Home-Shopify-7

STEP 5: Assign Zipcode to Products

Once all the products get listed in this section, proceed to assign zip codes to the product. Zipcodes can be assigned to products in bulk.

Screenshot12

Clicking the Import Product Zipcode, you need to upload the zipcode CSV file as per the CSV format suggested in the app.

Screenshot13

This way, you can assign zipcodes to products.

Visibility of Zipcodes on Front End

To display the zip code checker on your store front, you need to add the codes provided in the app. Go to the App>>Click the Configure Front button at the top-right corner of the page.

Zipcode-Validator-App-Discounts-Shopify

In case you need help with the codes, feel free to connect via [email protected].

On Product Page

To check if the product is available for service at a location or not, the customer needs to enter the zip code and click the “Check” button on the product page.

Dining-Table-–-Zipcode-Validator-App

In case the product is unavailable at the searched zip code, the “Add to Cart” button gets disabled and the customer won’t be able to proceed to checkout.
Note:- It is configurable in the app if you want to show/hide the “Add to Cart” button on the product page.

Dining-Table-–-Zipcode-Validator-App-1

On Cart Page

The zip code checker can also be shown on the cart page to let customers check if the products added to the cart are available at the searched zip code or not. Explore

Your-Shopping-Cart-–-Zipcode-Validator-App

On Home Page [Global Availability]

With the global search, the customer will get to know if the store products are available at the searched zip code or not. Know more

Zipcode-Validator-App

Blacklist Zipcodes

In the app, you can blacklist zipcodes in bulk via CSV upload. Just upload the CSV file of zipcodes that you want to blacklist and make the products unavailable on the blacklisted zipcodes.

To do this, visit the Assign Zipcode section in the app>>Select the product and click Assign Zipcode button in Action menu.

Screenshot15

Clicking the Assign Zipcode button, you will be redirected to the Assigned Zipcode section. Now, click the Upload Blacklisted Zipcode button to upload the CSV.

Zipcode-Validator-App-Home-Shopify-8

Now, upload the CSV file as per the format suggested in the app. Also, follow the instructions while preparing the CSV.

Screenshot16

NOTE: You can upload a maximum of 1000 records at one time.

This way, you can blacklist the zipcodes on products.

Additional features

The app comes with some additional features. Each additional feature comes with added functionalities and additional charges that will be added to your monthly subscription of the Zipcode Validator app.

Zipcode-Validator-App-Home-Shopify-9

RELATED PRODUCTS

Suppose a customer has entered the zipcode for a product and the result shows unavailable..!! Still, you can make them check out the related products available on the same zip code with the Related Product Feature.

Zipcode-Validator-App-Home-Shopify-10

Once you enable this feature, you need to update certain permissions in the app. Click the Upgrade App button and allow the permissions.

Screenshot_21

Now, you need to proceed to approve the charge. After this, proceed to sync all your Shopify store collections into the app. The related feature will add up $9 per month over and above your monthly charges for the Product Zipcode Validator app.

To display the related products, you have to copy the below-given code and paste it to the ‘product.liquid’ template.

<div id="wk_zip_related_products" data-handle="{{collection.handle}}" data-prohandle="{{product.handle}}"></div>

After adding the codes, this is how the related products appear on the product page:

Bathroom-Bathtub-–-Zipcode-Validator-App

SHIPPING FEATURE

You can also enable the functionality to display shipping methods on the basis of the delivery address. Enabling this feature will add $6 USD in addition to the cost of Product Zipcode Validator app.

Enable the Shipping feature and approve the charges.

Before You Install: It is mandatory to have real-time carrier calculated shipping within your Shopify store. This is a requirement defined by Shopify for your store to retrieve shipping rates from third-party sources, such as this shipping app.

Zipcode-Validator-App-Home-Shopify-11

Once enabled, a shipping section will get displayed. Enter the shipping method name and configure the shipping method.

Zipcode-Validator-App-Collections-Shopify

Then click on the range to add the range on the basis of weight and price.

screenshot_5

Demo

Moreover, find the below link to check the demo of the Zipcode Validator app for Shopify: https://zipcode-validator-demo.myshopify.com/pages/demo

Support

Furthermore, for any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com/. You can also contact us at [email protected]

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content