---
title: Add Food Store’s Location on Google Map(Pro)
description: "## Add Food Store's Location at Google Map In WPCafe, there is an option to add the food store on Google Maps. First of all, you need to insert the Google Map API key. Navigate to the **WPCafe -> Settings…"
url: "https://themewinter.com/docs/plugins/delivery-module/store-added-in-google-maps/"
updated: "2023-06-03"
category: Delivery Module(Pro)
---

# Add Food Store’s Location on Google Map(Pro)

## Add Food Store's Location at Google Map

In WPCafe, there is an option to add the food store on Google Maps. First of all, you need to insert the Google Map API key. Navigate to the **WPCafe -> Settings -> Food ordering -> General Settings and insert the Google API key**. Please follow the[**documentation**](https://console.cloud.google.com/apis/enableflow?apiid=maps_backend&keyType=CLIENT_SIDE&reusekey=true) for getting the google map API key

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/cafe_map_api_insert-1024x453.png)

After inserting the API key,  you need to add the store location name, description, Email, latitude, longitude, and so on. You can follow the [video link](https://www.youtube.com/watch?v=2KdqdzT98A4) for the latitude and longitude of a location. Navigate to **Products -> Location -> Add or edit location and Insert location.**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/cafe_map_location-1.png)

For displaying google map food stores on the front end, Go to the**WPCafe -> Available Shortcode -> Location List(PRO) -> Click on GENERAL SHORTCODE -> Select style 5**. Then click on generate for generating shortcode and paste it to the shortcode fields on the front end.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/locationmap_shortcode.png)

**Frontend view for a food store location on google map:**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/location_map_2.png)

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/location_map_3.png)

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/location_map_4.png)

**This is the Google map location-wise food menu:**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/location_map_5-1024x830.png)

## Add delivery charge for order

For adding a WooCommerce shipping charge, go to the **WooCommerce -> Settings -> Shipping -> Add shipping zone** that store zone you are added in the google maps.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/woo_shipping_method_add-1024x360.png)

After adding a zone, select the shipping method and cost. Finally, save changes.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/woo_shipping_cost_add-1024x323.png)

**Front-end view for delivery charge:**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/delivery_shipping_chagre-1024x759.png)

**Front-end view for removing the delivery charge for pickup:**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/05/pickup_shipping_chagre-1024x751.png)