Mohamed Endisha

Google Maps for WooCommerce is a powerful plugin that seamlessly integrates Google Maps with WooCommerce, enhancing your customers’ shopping experience. It enables customers to effortlessly select their delivery location during the checkout process and modify it conveniently from their account address settings. With Google Maps for WooCommerce, you have full control over where and how the map is displayed, ensuring a tailored and user-friendly shopping journey.
<h4>Features</h4>
<ul>
<li>
Checkout Location Picker: Google Maps for WooCommerce is the ultimate solution for WooCommerce stores that offer delivery or pickups. It provides customers with a user-friendly Google map interface right on the checkout page, making it easy to choose their preferred location.
</li>
<li>
Automatic Location Detection: Optionally, the plugin can automatically detect the customer’s location upon checkout page load. This feature streamlines the process and allows customers to make any necessary adjustments effortlessly.
</li>
<li>
Flexible Configuration: Tailor the plugin to your specific needs with advanced configuration options. You can determine where the map appears and control its visibility, ensuring it seamlessly integrates into your store’s design.
</li>
<li>
Multiple Map Styles: Choose from a variety of map styles to match your store’s aesthetics and branding. Google Maps for WooCommerce offers a range of options to make sure your map looks just the way you want it.
</li>
<li>
Custom Markers: Personalize the map experience by adding custom markers. You can even set a custom marker image directly from the plugin settings.
</li>
<li>
Set as Required: Decide whether customers must select a location or if it’s optional. Google Maps for WooCommerce gives you the flexibility to adapt to your business requirements.
</li>
<li>
Support for Localization: Google Maps for WooCommerce supports localization.
</li>
</ul>
<h3>External Library Usage</h3>
This plugin utilizes the Google Maps JavaScript API, to enable this feature, you need to obtain a Google Maps API key.
<ol>
<li>Visit the <a href="https://console.cloud.google.com/" rel="nofollow ugc">Google Cloud Console</a>.</li>
<li>Create a new project (or select an existing one).</li>
<li>Enable the “Maps JavaScript API” for your project.</li>
<li>Create API credentials and copy your API key.</li>
</ol>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.7 or newer.</li>
<li>WooCommerce 6.0 or newer.</li>
<li>PHP version 8.0 or newer.</li>
<li>Google Maps API Key.</li>
</ul>
<h3>External Services</h3>
Map for WooCommerce relies on a 3rd party service for geolocation functionality. Here’s what you need to know:
<ul>
<li>Service: Google Maps API
<ul>
<li>Learn more: <a href="https://developers.google.com/maps/documentation" rel="nofollow ugc">Google Maps API Documentation</a></li>
<li>Terms of Service: <a href="https://developers.google.com/maps/terms" rel="nofollow ugc">Google Maps API Terms of Service</a></li>
<li>Privacy Policy: <a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a></li>
</ul>
</li>
</ul>
Please review the terms of service and privacy policy of the external service provider to understand how your data is handled. By using Map for WooCommerce, you agree to abide by the terms and conditions set forth by the 3rd party service.
<h3>License</h3>
Google Maps for WooCommerce is licensed under the GNU General Public License v2 or later.

Map for WooCommerce

Integrate Google Maps with WooCommerce for easy location selection during checkout and in user account addresses to elevate the shopping experience.

fullworks

Alan Fuller

Simple to use, yet powerful, Google Maps plugin! Reviews say this is “Best Google Map Shortcode plugin”.
Put a Google map on your WordPress posts and pages simply and easily with a shortcode. Straight forward and easy to use! Ideal for contact page maps, maps showing delivery areas and many other uses!
This plugin will enable a simple shortcode that you can use for embedding Google Maps in any WordPress post or page. The shortcode uses the <a href="https://developer.wordpress.org/plugins/http-api/" rel="nofollow ugc">WordPress HTTPS API</a> and the <a href="https://developer.wordpress.org/apis/handbook/transients/" rel="nofollow ugc">Transients API</a> for delivering cached Google maps with little to no impact on your site’s performance.
Maps are displayed with the [pw_map] shortcode:
<pre><code>[pw_map address="New York City" key="YOUR Map JS API KEY" geokey="YOUR Geo API KEY"]
</code></pre>
Google now requires that new accounts use an API key. You can register a free API key <a href="https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key" rel="nofollow ugc">here</a>.
You can have multiple map pins, simply add multiple addresses separated by semi-colon <code>;</code>
<pre><code>[pw_map address="Statue of Liberty National Monument NYC;Empire State Building, New York, NY, USA" key="YOUR Map JS API KEY" geokey="YOUR Geo API KEY"]
</code></pre>
<h3>All Shortcode Options</h3>
Mandatory
<li>address – Description: The address you want pinned – Allowed values: any address that Google can find, multi addresses separated by ;</li>
<li>key – Description: Your Google Maps API Key – Allowed values: valid key</li>
<li>geokey – Description: Your Google Geocoding API Key – Allowed values: valid key</li>
Why two key? You should restrict your API keys to avoid abuse. You need to use the geokey to allow the geocoding to work, enabled on the GeoCoding API, restricted to your server IP, and key 
enabled on the Maps JavaScript API restricted to your website domain(s).
Optional ( with default values)
<li>width – Description: sets the map width – Default: 100% – Allowed values: size in % or px</li>
<li>height – Description: sets the map height – Default: 400px – Allowed values: size in % or px</li>
<li>enablescrollwheel – Description: zooming on the map using a mouse scroll wheel – Default: true – Allowed values: true or false</li>
<li>zoom – Description: The initial Map zoom level – Default: 15 – Allowed values: Valid zoom values are numbers from zero up to the supported maximum zoom level</li>
<li>disablecontrols – Description: Enables/disables all default UI buttons. May be overridden individually. Does not disable the keyboard controls – Default: false – Allowed values: true or false</li>
<li>force – Description: disable caching of geocoding, only use this on test – Default: false – Allowed values: true or false</li>
<li>zoomcontrol – Description: display the Zoom +/- buttons – Default: true – Allowed values: true or false</li>
<li>nozoom – Description: fixes the zoom level by seeting min and max to the starting zoom – Default: false – Allowed values: true or false</li>

<li>gesturehandling – Description: This setting controls how the amp handles gestures on the map. – Default: auto – Allowed values:</li>
<ul>
<li>“cooperative”: Scroll events and one-finger touch gestures scroll the page, and do not zoom or pan the map. Two-finger touch gestures pan and zoom the map. Scroll events with a ctrl key or ⌘ key pressed zoom the map. In this mode the map cooperates with the page.</li>
<li>“greedy”: All touch gestures and scroll events pan or zoom the map.</li>
<li>“none”: The map cannot be panned or zoomed by user gestures.</li>
<li>“auto”: Gesture handling is either cooperative or greedy, depending on whether the page is scrollable or in an iframe.</li>
</ul>
<li>maptypeid – Description: Determines the initial map display type – Default: roadmap – Allowed values:</li>
<ul>
<li>“roadmap”: This map type displays a normal street map.</li>
<li>“satellite”: This map type displays satellite images.</li>
<li>“hybrid”: This map type displays a transparent layer of major streets on satellite images.</li>
<li>“terrain”: This map type displays maps with physical features such as terrain and vegetation.</li>
</ul>

Simple Shortcode for Google Maps

Does the job. We use it on multiple sites.

Does the job.


Would be cool if there was a custom block but works with the shortcode also.


Simple and effective

A simple shortcode for embedding Google Maps in any WordPress post, page or widget.

Map for WooCommerce vs Simple Shortcode for Google Maps