Reading list Switch to dark mode

    Product Zipcode Validator for Shopify

    Updated 6 September 2022

    With this App, you can search for the availability of the products at a location through the zipcode. Now, the customer can see if the product is available for shipping at a specific location or not.

    Moreover, the merchant can assign different zip codes to various products according to their availability in the respective locations.

    A feature of this app is that you can activate or deactivate the zipcodes and after deactivating from the backend, also, the delivery on that particular zip code will automatically become unavailable on the Store.

    The App Comes with a Pricing Plan of $9 USD per month.

    Features

    Searching for a Shopify
    Headless solution ?
    Find out More
    • Product availability through zip code search.
    • Merchant adds Product Availability at a specific location.
    • Assignment of Zipcode to products.
    • Responsive Design for Portable Devices.
    • Moreover, admin can upload the Product Zip codes CSV File.
    • Admin can also activate/deactivate already assigned zip codes.
    • You can also upload Blacklist Zipcodes in bulk.
    • Besides that, it is cross-browser compatible.
    • Most importantly, it is easily configured and user-friendly.

    New Features

    • Now admin can also assign all added zip codes to a new product by simply checking the box from the configuration.
    • At the time of assigning zip codes to the products, you can now select 100 results per page check them all with select all button and choose the bulk action of ‘assign all zip codes to marked products /all products’.
    • Clicking on the View button In front of the product from the Assign zipcode section, you can select various rules as well for assigning the zipcodes.

    Where in

    • Checking Rule 1 will be: all the zip codes will get assigned to your product.
    • Checking Rule 2 will be: Blacklist some zip codes, through this rule you can remove some of the zip codes from your product. Clicking on this option you will get the option to upload CSV of those zip codes you want to blacklist.
    • Checking Rule 3 will be: Assign some zipcodes to the selected product.

    Installation

    Install the app by visiting the Official Shopify App Store:

    z22

    Workflow

    After the installation, you need to buy the monthly plan available for this app. Once the payment is done for the plan, the App will be listed here:

    z1

    As soon as you’ll open the app, you’ll land on the Home Page:

    z2

    This includes recently added products with zipcode rules, recently added zipcode records, overall product & zipcode stat, take a tour option & app features.

    Configuring the Module

    Firstly, let’s look up into the General Configuration:

    z3

    Here you have 4 options. Firstly, enter your domain name.

    • Auto assign all added zip code to new product.
    • Disable add to cart if zipcode is not available.
    • Search all zipcode record.

    Next, we have Label Configuration:

    z4

    This page also includes message background configuration.

    z5

    Country

    Here, the merchants can add/import countries and add states to them:

    z6

    This section also shows a list of all the countries already added by the merchant along with ISO codes.

    Import Countries Via CSV

    The merchant can import country list via CSV file. Make sure the format is same as given in the download instrucrions.

    z8

    Add Country

    Click on the ‘Add Country’ button to add a new name:

    z1-1

    Clicking on add states will take you to the follow page:

    z2-1

    From here you can add provinces

    z3-1

    Assign Zipcodes

    The merchant can assign different zip codes to various products according to their availability on the respective locations and can also view the already assigned zip codes from this section.

    z5-1

    Clicking on the Assign button, You can select the Country, State, City and enter a zipcode for that product.

    Upload Blacklist Zipcodes in Bulk

    From now onwards, you can upload products in bulk from the Assign Zipcode section of the app.

    For this, first, you need to select the products. Now, visit the Bulk Action menu and click on “Upload Blacklisted Zipcodes” from the drop-down menu of the app.

    z6-1

    Clicking the “Upload Blacklisted Zipcodes” button, you need to upload the blacklisted zip code CSV file. Moreover, you can upload a maximum of 1000 records at a time.

    unnamed-file

    Additional Feature

    Admin can choose the additional features of this app from this section of the app, each additional feature comes with added functionalities and additional charges which will be added to your monthly subscription of Zipcode Validator app.

    know more about it:

    z9

    Configure Front

    You have to copy the below-given code and paste it to the ‘product.liquid’ template.

    <div id="wk_find_zipcode"></div>

    Further, follow the below screenshots to know the detailed procedure:

    To get Product Zipcode Validator displayed on the product description page for selected products, follow the below process:

    Shopify backend >> Online Store >> Themes >> Actions >> Edit Code

    product flag

    Select Product.liquid file from the Templates or Snippet where you want to show the link
    Lastly, paste the code then click on the save button to save the changes:

    nitika store Edit Supply Shopify

    Codes Pasting for Online Store 2.0

    In case you are using Online store 2.0 (Example- Dawn), you need to follow the steps to add the codes.

    To display Zipcode validator form on product page you need to paste below code in section/main-product.liquid file. after the form tag:-

    <div id="wk_find_zipcode" product-handle="{{ product.handle }}"></div>

    To display zipcode validator form on cart page you need to paste below code in section/main-cart-footer.liquid file.

    <div id="wk_find_zipcode" product-handle="{{ product.handle }}"></div>

    Now, to display zipcode popup on homepage you have to copy the below given code and paste it to layout/theme.liquid file:-

    <div id="wk_zipcode_popup"></div>

    To display selected Zipcode on header you have to copy the below given code and paste it to section/header.liquid file:-

    <div id="wk_zipcode_input"></div>

    To display related products block in product description page you have to copy the below given code and paste it to section/main-product.liquid file:-

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

    Front-end View

    Zipcode Validation on Product Page

    Dining-Table-–-Zipcode-Validator-App

    Once you will enter your zip code and click on the Check button, the result will get displayed whether the delivery of the product is possible on the entered zip code area or not.
    And if yes then Add to Cart button will get enabled.

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

    Zipcode Validator on Cart Page

    With the Product Zipcode Validator app, you can display the zip code widget on the cart page of your store. Thus, customers can easily check if the products (added to the cart) are available at the searched zip code or not, right before proceeding to checkout.

    Benefit:- In case the customer has added multiple products to the cart and one of the products is not available at the searched zip code then, the customer will get to know that the product is unavailable.

    For this, You need to add a code provided in the “Configure Front” section in the app. You have to copy the below-given code and paste it to the ‘Section/cart-template.liquid file’.

    <div id="wk_find_zipcode" product-handle="{{ product.handle }}"></div>

    This is how the zipcode block appears on the cart page of your store:

    Screenshot-2020-08-05T095746.405

    CHECK THE DEMO

    Global Availability of Products via Zipcode

    You can now search the product’s availability via the global zip code search option in the app. As soon as the customer visits your website, a pop-up appears asking to enter a zip code that will be applied to all the products of your store. Thus, the customer will get to know if your store products are available at the searched zip code or not.

    To show the pop-up on the store, you need to add a code provided in the app.

    To display zipcode popup on the homepage, you have to copy the below-given code and paste it to layout/theme.liquid file.

    <div id="wk_zipcode_popup"></div>

    The Zipcode Pop-up on the Home Page:-

    Zipcode-Validator-App-2

    To display selected zipcode on the header, you have to copy the below-given code and paste it to Section/header.liquid file.

    <div id="wk_zipcode_input"></div>

    The Zipcode Block on the Header:-

    Zipcode header

    CHECK THE DEMO

    That was all about Product Zipcode Validator for the Shopify app.

    Demo

    Moreover, find the below link to check the demo of 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*


    2 comments

  • navjeet
    • Vinay Yadav
  • 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