Mohamed Endisha

<p>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.</p>
<h4>Features</h4>
<ul>
<li>
<p><strong>Checkout Location Picker:</strong> 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.</p>
</li>
<li>
<p><strong>Automatic Location Detection:</strong> 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.</p>
</li>
<li>
<p><strong>Flexible Configuration:</strong> 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.</p>
</li>
<li>
<p><strong>Multiple Map Styles:</strong> 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.</p>
</li>
<li>
<p><strong>Custom Markers:</strong> Personalize the map experience by adding custom markers. You can even set a custom marker image directly from the plugin settings.</p>
</li>
<li>
<p><strong>Set as Required:</strong> 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.</p>
</li>
<li>
<p><strong>Support for Localization:</strong> Google Maps for WooCommerce supports localization.</p>
</li>
</ul>
<h3>External Library Usage</h3>
<p>This plugin utilizes the Google Maps JavaScript API, to enable this feature, you need to obtain a Google Maps API key.</p>
<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>
<p>Map for WooCommerce relies on a 3rd party service for geolocation functionality. Here’s what you need to know:</p>
<ul>
<li><strong>Service:</strong> 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>
<p>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.</p>
<h3>License</h3>
<p>Google Maps for WooCommerce is licensed under the GNU General Public License v2 or later.</p>


Map for WooCommerce

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

Yuri Baranov

<p>YaMaps plugin is the simplest way to insert Yandex maps on your site. The plugin has a user-friendly interface. You can visually put placemarks on your Yandex map, move them with your mouse, change icons and much more.</p>
<p>For use with the new Gutenberg editor, you need add the classic editor block first!</p>
<p>For the map search to work correctly and find routes, you may need to set an API key (JavaScript API и HTTP Geocoder) on the plugin settings page.</p>
<h4>Plugin Highlights:</h4>
<ul>
<li>You can add maps to pages without coding.</li>
<li>Or you can visually edit the shortcodes in the editor.</li>
<li>You can add any number of maps to one page.</li>
<li>You can add multiple markers to one card.</li>
<li>You can add markers with hyperlinks.</li>
<li>You can select the icon and it’s color of the marker in the colorpicker.</li>
<li>You can select type of map (Map, Satellite, Hybrid), map zoom, map controls in the visual editor.</li>
</ul>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/m7YncsBrL5g?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Shortcodes Structure</h4>
<ul>
<li>yamap center – Map center coordinates</li>
<li>yamap height – Map height</li>
<li>yamap zoom – Map zoom (0 to 19)</li>
<li>yamap scrollzoom – Scrollwheel zoom lock (scrollzoom=”0″ for lock)</li>
<li>yamap mobiledrag – Map dragging can be disabled for mobile devices (mobiledrag=”0″ for lock)</li>
<li>yamap type – Map type (yandex#map, yandex#satellite, yandex#hybrid)</li>
<li>yamap controls – Map controls separated by a semicolon (typeSelector;zoomControl;searchControl;routeEditor;trafficControl;fullscreenControl;geolocationControl)</li>
<li>
<p>yamap container – ID of the existing block in the WP template. The map will be placed in the block with this ID. The new block in the content will not be created.</p>
</li>
<li>
<p>yaplacemark coord – Placemark coordinates</p>
</li>
<li>yaplacemark icon – Placemark icon (Yandex.Map icon type or url of your own image)</li>
<li>yaplacemark color – Marker color</li>
<li>yaplacemark name – Placemark hint or content</li>
<li>
<p>yaplacemark url – Linked URL or post with ID will be opened by click on the placemark</p>
</li>
<li>
<p>You can insert multiple placemark codes inside the maps’s shortcode.</p>
</li>
</ul>
<h4>Shortcode Example</h4>
<pre><code>[yamap center="55.7532,37.6225" height="15rem" zoom="12" type="yandex#map" controls="typeSelector;zoomControl"][yaplacemark coord="55.7532,37.6225" icon="islands#blueRailwayIcon" color="#ff751f" name="Placemark"][/yamap]
</code></pre>


YaMaps for WordPress Plugin

The plugin allows you to add Yandex Maps (Яндекс Карты) to pages of your site using a WordPress visual editor.

Map for WooCommerce vs YaMaps for WordPress Plugin