{"id":261477,"date":"2020-07-31T09:20:36","date_gmt":"2020-07-31T09:20:36","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=261477"},"modified":"2025-06-17T13:10:13","modified_gmt":"2025-06-17T13:10:13","slug":"magento2-city-based-shipping-zones","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/","title":{"rendered":"City Zone Area Based Delivery for Magento 2"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/magento2-city-zone-area-delivery.html\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><strong>Magento 2<\/strong><\/strong> <strong>City Zone Area Based Delivery<\/strong><\/a><strong> <\/strong>module allows the customer to check the product is deliverable to their location. The admin will assign the cities to the product while editing or creating them.<\/p>\n\n\n\n<p>Meanwhile, the advantageous point of the module is that the customer can check the product deliverability on the category and product page itself. <\/p>\n\n\n\n<p>They are not required to navigate to each product and type the postcode for each of them.&nbsp;<\/p>\n\n\n\n<p>Further, the admin has the leverage to assign the cities based on their zip codes to the products from the product edit page. <\/p>\n\n\n\n<p>Moreover, that product will be deliverable to all the cities assigned to the product by the admin.&nbsp;<\/p>\n\n\n\n<p>Meanwhile, this <a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 module<\/a> serves the logged-in and guest users in a different manner.<\/p>\n\n\n\n<p>The logged-in customers can select their location from the addresses list or can enter the postcode manually, whereas the guest users will enter the postcode manually.<\/p>\n\n\n\n<p>Watch the below video tutorial to understand the extension workflow :<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"o6wH_RM4wUs\"><div class=\"components-placeholder__instructions\">o6wH_RM4wUs<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The admin can create a city with their zip codes.<\/li>\n\n\n\n<li>Admin can create a custom region.<\/li>\n\n\n\n<li>The admin can also edit the regions and city details.<\/li>\n\n\n\n<li>The customer will be able to place orders for products that are deliverable in their location.<\/li>\n\n\n\n<li>Customers can check the product is deliverable on the category and product page easily.<\/li>\n\n\n\n<li>Support Multi address Shipping.<\/li>\n\n\n\n<li>The admin can import regions and cities by uploading a CSV file.<\/li>\n\n\n\n<li>This extension is fully compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hyva Theme<\/a>.<\/li>\n\n\n\n<li>This module is now compatible with GraphQL.<\/li>\n<\/ul>\n\n\n\n<p>&nbsp;To improve customer&#8217;s shopping experience, <a href=\"https:\/\/store.webkul.com\/Magento2-Delivery-Date-Time-Schedule.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 delivery date<\/a> module is available, which allows them to pick their preferred date and time to receive the order package.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Customers will get a&nbsp;<strong>zip folder<\/strong>&nbsp;and they have to extract the contents of this zip folder on their system. The extracted folder has an<strong>&nbsp;src<\/strong>&nbsp;folder, inside the src folder you have the&nbsp;<strong>app&nbsp;<\/strong>folder.<\/p>\n\n\n\n<p>Further, the admin needs to transfer this <strong>app<\/strong>&nbsp;folder into the Magento 2 root directory on the server as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png\"><img decoding=\"async\" width=\"1302\" height=\"411\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png\" alt=\"zip folder\" class=\"wp-image-89045\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png 1302w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder-768x242.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder-1200x379.png 1200w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>After the successful installation of the module, you have to<strong>&nbsp;run these commands<\/strong>&nbsp;in the&nbsp;<strong>Magento 2 (Adobe Commerce) root&nbsp;<\/strong>directory:<\/p>\n\n\n\n<p>After running the commands, you have to flush the cache from the Magento admin panel by navigating through-&gt;<strong>System<\/strong>-&gt;<strong>Cache management<\/strong>&nbsp;as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Flush-Cache-1.png\"><img decoding=\"async\" width=\"1247\" height=\"548\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Flush-Cache-1.png\" alt=\"Flush-Cache-1\" class=\"wp-image-89051\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Flush-Cache-1.png 1247w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Flush-Cache-1-250x110.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Flush-Cache-1-300x132.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Flush-Cache-1-768x338.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Flush-Cache-1-1200x527.png 1200w\" sizes=\"(max-width: 1247px) 100vw, 1247px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Configuration of Multi-Lingual<\/strong><\/h3>\n\n\n\n<p>For <strong>multilingual<\/strong>&nbsp;support, the&nbsp;admin will navigate through&nbsp;<strong>Store &gt; Configuration &gt; General -&gt;Locale Options and select the locale as German (the language into which the admin wants<\/strong>&nbsp;to translate his store content).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration.png\"><img decoding=\"async\" width=\"1343\" height=\"865\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration.png\" alt=\"configuration\" class=\"wp-image-89053\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration-250x161.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration-300x193.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration-768x495.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration-1200x773.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p><strong>First command \u2013<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<p><strong>Second Command \u2013<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<p><strong>Third Command \u2013<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<p><strong>Fourth Command \u2013<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Language Translation&nbsp;<\/strong><\/h3>\n\n\n\n<p>If you need to do the module translation, please navigate the following path in your system.&nbsp;<strong>app\/code\/Webkul\/<strong>CityBasedDelivery<\/strong>\/i18n<\/strong>. Open the file named&nbsp;<strong>en_US.CSV<\/strong> for editing as shown in the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION.png\"><img decoding=\"async\" width=\"1263\" height=\"400\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION.png\" alt=\"LANGUAGE TRANSLATION\" class=\"wp-image-89068\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION.png 1263w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION-768x243.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION-1200x380.png 1200w\" sizes=\"(max-width: 1263px) 100vw, 1263px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/translation-file.png\"><img decoding=\"async\" width=\"1157\" height=\"717\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/screenshot_2020_07_31_18_49_11.png\" alt=\"screenshot_2020_07_31_18_49_11\" class=\"wp-image-261873\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/screenshot_2020_07_31_18_49_11.png 1157w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/screenshot_2020_07_31_18_49_11-300x186.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/screenshot_2020_07_31_18_49_11-250x155.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/screenshot_2020_07_31_18_49_11-768x476.png 768w\" sizes=\"(max-width: 1157px) 100vw, 1157px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>Once you have opened the file for editing. Replace the words after the<strong>&nbsp;comma(,)<\/strong>&nbsp;on the right with your translated words.<\/p>\n\n\n\n<p>After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION2.png\"><img decoding=\"async\" width=\"1258\" height=\"399\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION2.png\" alt=\"LANGUAGE TRANSLATION2\" class=\"wp-image-89071\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION2.png 1258w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION2-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION2-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION2-768x244.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/LANGUAGE-TRANSLATION2-1200x381.png 1200w\" sizes=\"(max-width: 1258px) 100vw, 1258px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Admin Permissions<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the <strong><strong><strong>Magento 2 (Adobe Commerce) <\/strong>City Zone Area Based Delivery<\/strong> <\/strong>module, the admin can now manage the backend configurations.<\/p>\n\n\n\n<p>For that, the admin will navigate to <strong>Stores &gt; Settings &gt; Configurations &gt; PostCode Delivery<\/strong> as shown in the image below;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Configuration-Settings-Stores-Magento-Admin-9-1.png\" alt=\"Configuration-Settings-Stores-Magento-Admin-9-1\" class=\"wp-image-261518\" style=\"width:800px;height:undefinedpx\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, the admin will set the <strong>Enable on the Frontend <\/strong>field to <strong>Yes <\/strong>for the proper working of the module.&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Manage Regions<\/h3>\n<\/div><\/div>\n\n\n\n<p>Further, the admin will manage the regions. For this, the admin will navigate to <strong>Manage City\/ Region &gt; Manage Region<\/strong> under the admin panel.&nbsp;<\/p>\n\n\n\n<p>After that, the admin can see a list of Regions with the grids like Country, Region Name, and Actions. Every region has a specific ID.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Region-Magento-Admin.png\" alt=\"Region-Magento-Admin\" class=\"wp-image-261517\" style=\"width:800px;height:undefinedpx\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To create the custom regions mapped with the countries that are not available in the default list of State\/ province while creating a new city. The admin can simply click on the Add New Region button to create a new region as shown in the image above.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add New Region<\/h3>\n<\/div><\/div>\n\n\n\n<p>After clicking on the <strong>Add New Region<\/strong>, the admin will add details regarding the region as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/New-Region-Regions-Magento-Admin.png\" alt=\"New-Region-Regions-Magento-Admin\" class=\"wp-image-261523\" style=\"width:800px;height:undefinedpx\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The general information may include the following fields:&nbsp;<\/p>\n\n\n\n<p><strong>Country: <\/strong>The admin will select the country from the dropdown where the list of countries will appear.&nbsp;<\/p>\n\n\n\n<p><strong>Region Name:<\/strong>&nbsp;The admin will type the name of the region they are creating.&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Manage Cities<\/h3>\n<\/div><\/div>\n\n\n\n<p>To manage the cities navigate to<strong> Custom City\/ Region &gt; Manage City. <\/strong>After that, the admin can see the list of created cities. The grids of the list will include the Country, Region, Postcode, City, and Action.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/City-Magento-Admin.png\" alt=\"City-Magento-Admin\" class=\"wp-image-261524\" style=\"width:800px;height:undefinedpx\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add New City<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can simply click on the Add New City button to create a new city. After clicking on the <strong>Add New City<\/strong>, the admin will add details of the city as shown in the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/New-City-Citys-Magento-Admin.png\" alt=\"New-City-Citys-Magento-Admin\" class=\"wp-image-261529\" style=\"width:800px;height:undefinedpx\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Furthermore, the general information may include the following fields:&nbsp;<\/p>\n\n\n\n<p><strong>Country:<\/strong> The admin will select the country from the dropdown where the list of countries will appear<\/p>\n\n\n\n<p><strong>State\/ Province:<\/strong> The admin will select the regions from the list. The custom regions will also appear in this list.<\/p>\n\n\n\n<p><strong>City: <\/strong>The admin will type the name of the City.<\/p>\n\n\n\n<p><strong>Zip in Range:<\/strong> This field functions differently in both the following cases:<\/p>\n\n\n\n<p><strong>Note<\/strong>:- While creating a city, an Alphanumeric zipcode&nbsp;can\u2019t be used in the range.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>No: <\/strong> If this field is set to No, then the admin will enter the single postcode for the city, and the product will be deliverable in that particular postcode only. The single postcode can be entered in the <strong>Postcode <\/strong>field as shown in the above image.<\/li>\n\n\n\n<li><strong>Yes:<\/strong> If this field is set to Yes, then the admin will enter the range of zip codes present in that city, and the product will be deliverable in that range of the Zip\/ postcodes. The range of zip codes can be entered in the <strong>Range From <\/strong>and<strong> Range To<\/strong> fields.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Import New Cities<\/h3>\n<\/div><\/div>\n\n\n\n<p>Once all the regions and cities are created and managed, the next step for the admin is to assign zip codes to the products present in the store. For this, the admin will navigate to <strong>Catalog &gt; Products<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Further, the list of products will be visible. The admin will click on the <strong>Edit <\/strong>button under the Actions attribute.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"584\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-list-1200x584.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-admin-product-list\" class=\"wp-image-261548\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-list-1200x584.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-list-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-list-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-list-768x374.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-list.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, the admin will see the product edit page and go to the <strong>Zip Code Inventory<\/strong> section. Under that section, the admin will click on the <strong>Assign Zipcodes <\/strong>button as shown in the image below:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"998\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-edit-page-1-1200x998.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-admin-product-edit-page-1\" class=\"wp-image-261550\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-edit-page-1-1200x998.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-edit-page-1-300x250.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-edit-page-1-250x208.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-edit-page-1-768x639.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-product-edit-page-1.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Moreover, a slider popup will appear containing the list of cities, among those the admin will select the cities based on their zip codes present under the postcode grid.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"541\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-assign-sources-1200x541.png\" alt=\"webkul-admin-assign-sources\" class=\"wp-image-261549\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-assign-sources-1200x541.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-assign-sources-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-assign-sources-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-assign-sources-768x346.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-admin-assign-sources.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After selecting the zip codes, the admin will click on the <strong>Done <\/strong>button, and save the configurations done to the product.&nbsp;&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mass Assign City to Multiple Products<\/h3>\n<\/div><\/div>\n\n\n\n<p>Admin can mass assign cities to multiple products from the product list. To do so, the admin has to navigate through &nbsp;<strong>Catalog-&gt;Products-&gt;Actions-&gt; Assign City<\/strong> as seen in the image given below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1279\" height=\"662\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign.png\" alt=\"Assign city_ City Zone Area Based Delivery for Magento 2\" class=\"wp-image-289831\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign.png 1279w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-1200x621.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-768x398.png 768w\" sizes=\"(max-width: 1279px) 100vw, 1279px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now admin selects all the products which they want to mass assign to the city, after that click on Assign City. A slider page appears, now select the cities which you want to mass assign to the selected products<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1278\" height=\"668\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-city.png\" alt=\"mass assign city_City Zone Area Based Delivery for Magento 2\" class=\"wp-image-289832\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-city.png 1278w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-city-300x157.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-city-1200x627.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-city-250x131.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/massassign-city-768x401.png 768w\" sizes=\"(max-width: 1278px) 100vw, 1278px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After selecting the cities, click on the Save city button then all the selected cities will assigned to all the selected products.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frontend View<\/h2>\n\n\n\n<p>Once all the backend configurations and settings are done, the changes will reflect in the frontend. The <strong><strong>Magento 2<\/strong> <strong>City Zone Area Based Delivery<\/strong><\/strong> module serves the registered and guest customers differently. The functionalities for both of them are available further in this user guide.&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Guest User Functionalities<\/h3>\n<\/div><\/div>\n\n\n\n<p>Once the guest user views the store website, a <strong>Select Address <\/strong>button will be visible on the top left corner of the page as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"527\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-2-1200x527.png\" alt=\"webkul-guest-user-frontend-view-2\" class=\"wp-image-261584\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-2-1200x527.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-2-300x132.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-2-250x110.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-2-768x337.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-2.png 1308w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, a popup will appear with two options for the customer. One button will be visible to sign in to the customer if they are already registered.<\/p>\n\n\n\n<p>The second option is for guest users, who can enter a postcode which will appear with the configured city by the admin in the top left corner of the frontend.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"468\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-add-location-1-1200x468.png\" alt=\"webkul--guest-user-frontend-view-add-location-1\" class=\"wp-image-261585\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-add-location-1-1200x468.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-add-location-1-300x117.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-add-location-1-250x97.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-add-location-1-768x299.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-guest-user-frontend-view-add-location-1.png 1321w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Further, the functionalities will be the same as a registered user.&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Frontend View for Registered Users<\/h3>\n<\/div><\/div>\n\n\n\n<p>Whereas, the registered customer can simply login by clicking on the sign-in button available in the popup as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"584\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Jackets-Tops-Women-1200x584.png\" alt=\"Jackets-Tops-Women\" class=\"wp-image-261845\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Jackets-Tops-Women-1200x584.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Jackets-Tops-Women-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Jackets-Tops-Women-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Jackets-Tops-Women-768x374.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Jackets-Tops-Women.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, the customer will navigate to the login page shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"584\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-1200x584.png\" alt=\"webkul--customer-login\" class=\"wp-image-261566\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-1200x584.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-768x374.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Further, the customer will click on the select address button as shown&nbsp; in the image below&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"489\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-registered-customer-select-address-1200x489.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-registered-customer-select-address\" class=\"wp-image-261567\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-registered-customer-select-address-1200x489.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-registered-customer-select-address-300x122.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-registered-customer-select-address-250x102.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-registered-customer-select-address-768x313.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-registered-customer-select-address.png 1314w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>As the customer is registered, they have an option to add the Pincode manually or select the location from the address list. A list of saved addresses for that customer will be visible on a popup. These addresses are added by that customer to their<strong> Address Book<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"541\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-choose-location-1200x541.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-customer-choose-location\" class=\"wp-image-261569\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-choose-location-1200x541.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-choose-location-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-choose-location-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-choose-location-768x346.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-choose-location.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Moreover, the <strong>City <\/strong>and<strong> postcode<\/strong> of the selected address will be visible on the top left corner of the page as shown in the image below:<\/p>\n\n\n\n<p>Also, an <strong>Add To Cart<\/strong> button and product details will be visible for the deliverable products for the selected location by the customer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"839\" height=\"632\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-after.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-customer-login-after\" class=\"wp-image-261570\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-after.png 839w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-after-300x226.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-after-250x188.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-login-after-768x579.png 768w\" sizes=\"(max-width: 839px) 100vw, 839px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><strong>Note: <\/strong>If the manually entered postcode is not one of those that are configured by the admin in any of the cities, then the customer will get to see the &#8220;<strong>No product is deliverable to this Pincode.<\/strong>&#8221; message under the postcode field as shown in the image below:<\/p>\n\n\n\n<p>This validation is for both the guest and logged in customers.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Home-Page-3.png\" alt=\"Home-Page-3\" class=\"wp-image-261880\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Product Deliverability Frontend View<\/h3>\n<\/div><\/div>\n\n\n\n<p>Further, the customer can check the availability of the product on the category page as well as the product page. That will be different for Deliverable and Non-Deliverable products.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Deliverable Product View On Category Page&nbsp;<\/h4>\n\n\n\n<p>If the product will be deliverable then on the category page the product details and Add To Cart button will be visible as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"843\" height=\"637\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-product-deliverable.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-customer-product-product-deliverable\" class=\"wp-image-261554\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-product-deliverable.png 843w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-product-deliverable-300x227.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-product-deliverable-250x189.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-product-deliverable-768x580.png 768w\" sizes=\"(max-width: 843px) 100vw, 843px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Deliverable Product View On Product Page<\/h4>\n\n\n\n<p>If the product will be deliverable then on the product page, the product details and Add To Cart button will be visible as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"953\" height=\"589\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-deliverable.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-deliverable\" class=\"wp-image-261556\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-deliverable.png 953w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-deliverable-300x185.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-deliverable-250x155.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-deliverable-768x475.png 768w\" sizes=\"(max-width: 953px) 100vw, 953px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Non-Deliverable Product View On Category Page<\/h4>\n\n\n\n<p>If the product is not deliverable then on the category page, the<strong> Not Deliverable<\/strong> status will be visible and product details will be hidden mentioned as shown&nbsp; in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"847\" height=\"580\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-non-deliverable-1.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-customer-product-non-deliverable-1\" class=\"wp-image-261850\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-non-deliverable-1.png 847w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-non-deliverable-1-300x205.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-non-deliverable-1-250x171.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-non-deliverable-1-768x526.png 768w\" sizes=\"(max-width: 847px) 100vw, 847px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Non-Deliverable Product View On Product Page<\/h4>\n\n\n\n<p>If the product is not deliverable then on the product page the<strong> Not Deliverable<\/strong> status will be visible and product details will be hidden mentioned as shown&nbsp; in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"584\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-non-deliverable-1200x584.png\" alt=\"webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-non-deliverable\" class=\"wp-image-261558\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-non-deliverable-1200x584.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-non-deliverable-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-non-deliverable-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-non-deliverable-768x374.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/webkul-magento2-city-zone-area-based-delivery-customer-product-page-product-non-deliverable.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Update the Location<\/h4>\n\n\n\n<p>The deliverable products can be easily added to the cart and the cart will be visible as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"584\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-1-1200x584.png\" alt=\"Shopping-Cart-1\" class=\"wp-image-261881\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-1-1200x584.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-1-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-1-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-1-768x374.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-1.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>For any location update after adding the products to the cart, it will again check the products for updated location. And if there are any non-deliverable products, they will be notified to the customer. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"584\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-1200x584.png\" alt=\"Shopping-Cart\" class=\"wp-image-261882\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-1200x584.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart-768x374.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/07\/Shopping-Cart.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>That\u2019s all for the&nbsp;<strong>Magento 2 City Zone Area Based Delivery<\/strong>. Still, have any issues please email us at&nbsp;<strong><a href=\"mailto:support@webkul.com\" target=\"_blank\" rel=\"noreferrer noopener\">support@webkul.com<\/a>&nbsp;<\/strong>else you can generate a ticket at&nbsp;<strong><a href=\"https:\/\/webkul.uvdesk.com\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/webkul.uvdesk.com\/en\/<\/a><\/strong><\/p>\n\n\n\n<p>Explore the&nbsp;<a href=\"https:\/\/webkul.com\/adobe-commerce-cloud\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Commerce Cloud development service<\/a>&nbsp;by Webkul. You may also browse other&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2\/Marketplace-Addons.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 marketplace addons.<\/a>&nbsp;Also our quality&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 extensions<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 City Zone Area Based Delivery module allows the customer to check the product is deliverable to their location. The admin will assign the cities to the product while editing or creating them. Meanwhile, the advantageous point of the module is that the customer can check the product deliverability on the category and product <a href=\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":281,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[8280,4547,4120,2460,3895],"class_list":["post-261477","post","type-post","status-publish","format-standard","hentry","category-magento2","tag-check-products-availablity","tag-delivery","tag-enable-city-field-magento2","tag-magento-2","tag-zipcode-validator-shipping-feature"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 City Zone Area Based Delivery | Check Delivery Availability<\/title>\n<meta name=\"description\" content=\"Magento 2 City Zone Area Based Delivery allows the admin to create various cities and select region for them. Assign Zip codes to products.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 City Zone Area Based Delivery | Check Delivery Availability\" \/>\n<meta property=\"og:description\" content=\"Magento 2 City Zone Area Based Delivery allows the admin to create various cities and select region for them. Assign Zip codes to products.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-31T09:20:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-17T13:10:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png\" \/>\n<meta name=\"author\" content=\"Jyotsna Gautam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jyotsna Gautam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/\"},\"author\":{\"name\":\"Jyotsna Gautam\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/1f1af8655f9c9dfb883186e56acddf61\"},\"headline\":\"City Zone Area Based Delivery for Magento 2\",\"datePublished\":\"2020-07-31T09:20:36+00:00\",\"dateModified\":\"2025-06-17T13:10:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/\"},\"wordCount\":1973,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png\",\"keywords\":[\"Check Products availablity\",\"delivery\",\"Enable City Field Magento2\",\"Magento 2\",\"Zipcode Validator Shipping Feature\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/\",\"name\":\"Magento 2 City Zone Area Based Delivery | Check Delivery Availability\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png\",\"datePublished\":\"2020-07-31T09:20:36+00:00\",\"dateModified\":\"2025-06-17T13:10:13+00:00\",\"description\":\"Magento 2 City Zone Area Based Delivery allows the admin to create various cities and select region for them. Assign Zip codes to products.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png\",\"width\":1302,\"height\":411,\"caption\":\"zip folder\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"City Zone Area Based Delivery for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/1f1af8655f9c9dfb883186e56acddf61\",\"name\":\"Jyotsna Gautam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d92e9c5224d71d3acabc3438f3bc81bab8619c383d5aaee3a48f8dc5af259c87?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d92e9c5224d71d3acabc3438f3bc81bab8619c383d5aaee3a48f8dc5af259c87?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Jyotsna Gautam\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/jyotsnagautam-bd419\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 City Zone Area Based Delivery | Check Delivery Availability","description":"Magento 2 City Zone Area Based Delivery allows the admin to create various cities and select region for them. Assign Zip codes to products.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 City Zone Area Based Delivery | Check Delivery Availability","og_description":"Magento 2 City Zone Area Based Delivery allows the admin to create various cities and select region for them. Assign Zip codes to products.","og_url":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-07-31T09:20:36+00:00","article_modified_time":"2025-06-17T13:10:13+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png","type":"","width":"","height":""}],"author":"Jyotsna Gautam","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Jyotsna Gautam","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/"},"author":{"name":"Jyotsna Gautam","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/1f1af8655f9c9dfb883186e56acddf61"},"headline":"City Zone Area Based Delivery for Magento 2","datePublished":"2020-07-31T09:20:36+00:00","dateModified":"2025-06-17T13:10:13+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/"},"wordCount":1973,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png","keywords":["Check Products availablity","delivery","Enable City Field Magento2","Magento 2","Zipcode Validator Shipping Feature"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/","url":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/","name":"Magento 2 City Zone Area Based Delivery | Check Delivery Availability","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png","datePublished":"2020-07-31T09:20:36+00:00","dateModified":"2025-06-17T13:10:13+00:00","description":"Magento 2 City Zone Area Based Delivery allows the admin to create various cities and select region for them. Assign Zip codes to products.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png","width":1302,"height":411,"caption":"zip folder"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-city-based-shipping-zones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"City Zone Area Based Delivery for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/1f1af8655f9c9dfb883186e56acddf61","name":"Jyotsna Gautam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d92e9c5224d71d3acabc3438f3bc81bab8619c383d5aaee3a48f8dc5af259c87?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d92e9c5224d71d3acabc3438f3bc81bab8619c383d5aaee3a48f8dc5af259c87?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Jyotsna Gautam"},"url":"https:\/\/webkul.com\/blog\/author\/jyotsnagautam-bd419\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/261477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/281"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=261477"}],"version-history":[{"count":57,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/261477\/revisions"}],"predecessor-version":[{"id":496456,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/261477\/revisions\/496456"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=261477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=261477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=261477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}