woosmap

<p>The Woosmap Store Locator Widget Block for WordPress allows you to add a store locator to your WordPress site using the<br />
Gutenberg editor. This plugin leverages<br />
the <a href="https://developers.woosmap.com/products/widgets/store-locator-widget/quick-start/" rel="nofollow ugc">Woosmap Store Locator Widget JS</a><br />
to provide a rich and interactive experience for users looking for your store locations.<br />
With easy customization and setup, you can enhance your site’s user experience in minutes.</p>
<p>To use this plugin, you will need a Woosmap account and an API key. The Woosmap Store Locator Widget connects to the<br />
Woosmap API to fetch and display store locations on your site. Note that Woosmap offers various pricing plans, including<br />
a free tier with limited usage and paid plans for higher usage and additional features. For detailed pricing<br />
information, please refer to the <a href="https://www.woosmap.com/pricing/" rel="nofollow ugc">Woosmap pricing page</a>.</p>
<p>The widget supports a broad array of languages, including French, English, Spanish, German, and many more, catering to a<br />
global audience and is designed for fast and advanced display capabilities, ensuring a seamless user experience.</p>
<p><a href="https://developers.woosmap.com/products/widgets/store-locator-widget/quick-start/" rel="nofollow ugc">Check official documentation</a> for<br />
more details.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Multilingual Support</strong>: Available in over 15 languages, such as English, Chinese, and French, catering to<br />
international brands.</li>
<li><strong>Customizable Display</strong>: Users can set a primary color that applies to labels and backgrounds, aligning the<br />
locator’s<br />
appearance with their brand identity.</li>
<li><strong>Flexible Search</strong>: Adapt the search features to include autocomplete worldwide or for specific countries and<br />
specific types (address, postal code, etc.), ensuring the functionality best fits your needs.</li>
<li><strong>Advanced Display Options</strong>: Offers simplified and markers views for displaying assets, allowing for a clean view or<br />
detailed markers based on zoom level.</li>
<li><strong>Configurable Search Parameters</strong>: Set the number of assets fetched from a user search and bound searches within a<br />
set radius to accommodate store density.</li>
</ul>
<h3>Display Customization</h3>
<ul>
<li><strong>Simplified View</strong>: Ideal for rendering a large number of assets or high store density, displaying assets as colored<br />
dots for faster map loading and a cleaner view.</li>
<li><strong>Markers View</strong>: Displays assets as pictograms with customizable images, sizes, and hotspots, suitable for detailed<br />
branding after a specified zoom level.</li>
</ul>
<h3>Integration and Customization</h3>
<p>The widget’s properties offer versatile customization options: use Form controls for swift adjustments of attributes<br />
like theme color, or dive into an editable JSON Configuration for granular control over the store locator’s<br />
functionality and appearance. This adaptability guarantees seamless integration into any website, equipping businesses<br />
with a robust tool to enhance their online presence and engage customers more effectively.</p>
<h3>External Dependencies</h3>
<p>This plugin will load the Woosmap Store Locator Widget JavaScript asynchronously, which will then load the<br />
<a href="https://developers.woosmap.com/products/map-api/get-started/" rel="nofollow ugc">Woosmap Map JavaScript</a> asynchronously and execute<br />
requests to Woosmap services for various functionalities:</p>
<ul>
<li><strong>Searching for Stores</strong>: The widget will query the Woosmap API to fetch store locations, ensuring accurate and<br />
up-to-date results.</li>
<li><strong>Autocompleting Addresses</strong>: The widget will use Woosmap’s autocomplete service to suggest addresses as users type,<br />
enhancing the user experience with quick and relevant suggestions.</li>
<li><strong>Displaying Maps</strong>: The widget will render maps using Woosmap’s mapping service to visually display store locations<br />
and other relevant data, providing an interactive and user-friendly interface.</li>
</ul>
<p>The URLs involved are:<br />
– <a href="https://webapp.woosmap.com/webapp.js" rel="nofollow ugc">https://webapp.woosmap.com/webapp.js</a><br />
– <a href="https://sdk.woosmap.com/map.js" rel="nofollow ugc">https://sdk.woosmap.com/map.js</a><br />
– <a href="https://api.woosmap.com/*" rel="nofollow ugc">https://api.woosmap.com/*</a></p>
<h3>Source Code</h3>
<p>This plugin’s source code is accessible in the <code>src</code> directory of our <a href="https://github.com/woosmap/store-locator-widget-block" rel="nofollow ugc">GitHub repository</a>.</p>
<h3>Configuration</h3>
<p>To begin using the Woosmap Store Locator Widget Block, follow these steps to configure your environment and gain access<br />
to the Woosmap API<br />
for enhancing your site with location services.</p>
<h3>Woosmap Account Requirements</h3>
<ol>
<li>If you haven’t already, <a href="https://www.woosmap.com/sign_up/" rel="nofollow ugc">sign up for a Woosmap account</a> as it’s necessary to access<br />
the Woosmap Console and API keys.</li>
<li><a href="https://console.woosmap.com/" rel="nofollow ugc">Log in to the Woosmap Console</a>. If you’re new to Woosmap, you might need to<br />
create a project to generate API keys.</li>
<li>Navigate to the API keys section and generate a new Public API key for your project. This key will be used to<br />
authenticate your requests to the Woosmap services.</li>
</ol>
<h3>Configure the Woosmap Store Locator Widget Block</h3>
<p>When you create a new Woosmap block, the initial settings screen prompts you to enter the public API Key. If an API Key<br />
has already been configured, this field will be pre-populated with the existing key stored in the Woosmap settings.<br />
After validation, proceed to the Map View to access various editor settings, or edit the JSON Configuration as desired.</p>


Store Locator Widget Block

Easily integrate the Woosmap Store Locator Widget into your WordPress site with this Gutenberg block plugin.

Flipper Code - WordPress Development Company

<p><strong>Build stunning, interactive maps with listing in minutes — no coding required.</strong></p>
<p><strong>WP Maps</strong> is a powerful yet easy-to-use WordPress map plugin that supports both Google Maps and OpenStreetMap. Create fully customized maps in just a few clicks with custom markers, searchable listings, and smart filters. Whether you’re building a store locator, showcasing locations, or simply adding a map to your contact page — this plugin makes it effortless.</p>
<p>Perfect for:</p>
<ul>
<li>Business directories and listings</li>
<li>Store locators</li>
<li>Service area maps</li>
<li>Contact pages </li>
<li>Any map-based project you can think of.</li>
</ul>
<p><strong>Easily create simple or advanced maps tailored to your needs, fully customizable to match your website’s branding.</strong></p>
<h3>Features</h3>
<p><strong>Free Version</strong></p>
<ul>
<li><strong>Easily create interactive Google Maps with custom markers, smart search, filters, and paginated listings.</strong></li>
<li>Use Google Maps, OpenStreetMap, or Mapbox as your map provider, with easy switching between them.</li>
<li>Create multiple maps with different locations and listing.</li>
<li>Enable sorting and pagination for listings.</li>
<li>Enable marker clustering from the backend to group markers on the map.</li>
<li>Automatically update the map center based on filtered markers.</li>
<li>Display maps easily using shortcodes.</li>
<li>Display maps in posts, pages, and widgets.</li>
<li>Manage listing and marker infowindow content from the backend using dynamic placeholders.</li>
<li>Auto-center the map using custom latitude and longitude, the visitor’s location, or backend-assigned locations.</li>
<li>Fully GDPR-compliant Google Maps integration for privacy-friendly usage.</li>
<li>Draw circles, squares, polygons, and custom shapes on the map.</li>
<li>Display infowindows on click or hover for shapes, similar to marker infowindows.</li>
<li>Display a circle and marker at the center location of the map.</li>
<li>Show or hide markers on page load.</li>
<li>Supports Snazzy Maps.</li>
<li>Use custom or pre-built marker icons.</li>
<li>Open marker infowindows on click or hover.</li>
<li>Add bounce and drop animation effects to markers on map load.</li>
<li>Center or zoom the map on marker click.</li>
<li>Show listings below the map with search and filters.</li>
<li>Reset map button to restore the map to its original state.</li>
<li>Predefined color schemes for listings.</li>
<li>Custom color schemes for listings.</li>
<li>Show infowindow when a listing title is clicked.</li>
<li>Custom map color schemes.</li>
<li>Set primary and secondary colors.</li>
<li>Add custom CSS.</li>
<li>Responsive and mobile-friendly design.</li>
<li>Enable or disable zoom, fullscreen, map type, scale, Street View, camera, and “Locate Me” controls.</li>
<li>Position map controls at different locations on the map.</li>
<li>Limit map panning using SW/NE coordinates.</li>
<li>Enable KML/KMZ, traffic, transit, and bicycling layers.</li>
<li>GeoJSON support.</li>
<li>Import/export settings via JSON.</li>
<li>Localization ready.</li>
<li>Add custom styling.</li>
<li>Works with all major page builders and themes.</li>
<li>Fully documented with step by step and easy to understand instructions.</li>
<li>Cross-browser compatible — tested on IE8+, Chrome, Firefox, and Safari.</li>
</ul>
<p><strong>Pro Version</strong> <strong><a href="https://www.wpmapspro.com?utm_source=wordpress&utm_medium=liteversion&utm_campaign=freemium&utm_id=freemium" rel="nofollow ugc">WP MAPS PRO Version</a></strong>.</p>
<ul>
<li><strong>Includes everything in the free version, plus powerful premium features:</strong></li>
<li>Multiple designs and layouts for marker infowindows.</li>
<li>Multiple designs and layouts for listing records.</li>
<li>Display blog posts, pages, or any existing data (custom post types) from your WordPress site with just a few clicks.</li>
<li>Display posts using custom fields.</li>
<li>Display posts using the Advanced Custom Fields (ACF) plugin.</li>
<li>Create unlimited custom filters in the backend based on custom fields, taxonomies, or ACF fields — ideal for complex map searches.</li>
<li>Enable searching and filtering using URL parameters — great for sharing filtered map views.</li>
<li>List and grid-style listing layouts.</li>
<li>Allow users to filter markers by location and radius (in kilometers or miles).</li>
<li>Filter markers based on marker categories.</li>
<li>Filter markers based on custom taxonomy terms of any custom post type.</li>
<li>Display multiple custom routes between locations directly on your map for a seamless navigation experience.</li>
<li>Customize color, opacity, and weight for each route.</li>
<li>Directions API integration to allow users to get directions between locations on the map.</li>
<li>Add custom HTML, images, or videos as map controls for interactive, branded maps.</li>
<li>Prevent overlapping markers with automatic spiderfier effects — perfect for clustered or identical locations.</li>
<li>Enable smart tabs for Categories, Directions, Routes, and Nearby Amenities to enhance user experience.</li>
<li>Admins can apply additional customization to infowindows and listing layouts from the backend.</li>
<li>Apply country restrictions on search results and autosuggestions for more accurate results.</li>
<li>Advanced feature: Integrate with Microsoft Clarity, Google Analytics 4, Meta Pixel, and Zapier to track marker click events.</li>
<li>Access 25+ additional add-ons available with the Pro version, offering extended functionality.</li>
<li>Use SVGs as marker icons — choose from pre-built options or upload your own.</li>
<li>Automatically center the map based on assigned locations.</li>
<li>Show nearby amenities like ATMs, banks, and stores to provide useful local context.</li>
<li>Draggable markers and option to open infowindows by default on page load.</li>
<li>Categorize locations for better organization and filterable maps.</li>
<li>Choose from 100+ ready-to-use colorful markers via Map Icons Collection.</li>
<li>Multilingual ready — supports WPML and other translation plugins.</li>
<li>Compatible with WordPress Multisite, with network-wide activation support.</li>
<li>Easily style maps using Snazzy Maps.</li>
<li>Built-in search control to locate places directly on the frontend map.</li>
<li>Install sample data to get started quickly.</li>
<li>Role-based access control for backend pages.</li>
<li>Seamless upgrade to Pro — no data loss when switching from free to paid.</li>
</ul>
<h3>Free Version Live Demos</h3>
<ul>
<li><a href="https://weplugins.com/wp-maps/" rel="nofollow ugc">All Live Demos</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/complete-map-with-search-filters-listing-pagination/" rel="nofollow ugc">Complete Map With Paginated Listing</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/draw-shapes-on-google-maps/" rel="nofollow ugc">Shapes on Google Maps</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/a-complete-store-locator/" rel="nofollow ugc">Store Locator</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/events-listing/" rel="nofollow ugc">Events Listing</a></li>
<li><a href="https://weplugins.com/live-demo/service-center-listings/" rel="nofollow ugc">Service Center Listings</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/real-estate-listing/" rel="nofollow ugc">Real Estate Listing</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/restaurants-listing/" rel="nofollow ugc">Restaurants Listing</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/with-get-directions/" rel="nofollow ugc">With Get Directions</a></li>
<li><a href="https://weplugins.com/wp-maps/live-demo/snazzy-maps-demo/" rel="nofollow ugc">Snazzy Maps Demo</a></li>
</ul>
<h3>Pro Version Live Demos</h3>
<ul>
<li><a href="https://www.wpmapspro.com/examples/" rel="nofollow ugc">All Live Demos</a></li>
</ul>
<h3>Important Links</h3>
<ul>
<li><a href="https://www.wpmapspro.com/tutorials/" rel="nofollow ugc">Tutorials</a></li>
<li><a href="https://www.wpmapspro.com/map-hooks/" rel="nofollow ugc">Hooks & Filters</a></li>
<li><a href="https://weplugins.com/support/" rel="nofollow ugc">Support</a></li>
<li><a href="https://weplugins.com/contact/" rel="nofollow ugc">Custom Development Available</a></li>
</ul>
<h3>🏬 Use Cases – Map Solutions for Every Business</h3>
<p>WP Maps helps you build advanced location maps for any industry. From store locators to real estate maps, here are popular use cases powered by Google Maps or Leaflet:</p>
<ul>
<li>🛍️ Retail Store Locator – Showcase nearby outlets, branches, or chain locations  </li>
<li>🍽️ Restaurant Locator – Help users find your cafes, diners, or food franchises  </li>
<li>🏠 Real Estate Property Map – Display properties with filters for listings  </li>
<li>🏥 Hospital & Clinic Map – Show medical centers, diagnostic labs & walk-ins  </li>
<li>🏋️ Gym & Fitness Center Locator – Promote local gyms, yoga studios & wellness hubs  </li>
<li>🛒 Shopping Mall Directory – Build interactive directories with category filters  </li>
<li>🏨 Hotel & Resort Locator – List resorts, BnBs, and vacation rentals by location  </li>
<li>🚗 Car Dealership Map – Map showrooms, service centers, and authorized dealers  </li>
<li>🏦 Bank & ATM Locator – Help customers locate ATMs and branches  </li>
<li>💊 Pharmacy Finder – Display medical stores and 24/7 pharmacy locations  </li>
<li>💅 Salon & Spa Locator – Show salons, nail bars, and beauty spas nearby  </li>
<li>✂️ Barber Shop Locator – Map grooming centers, barbershops, and hair stylists  </li>
<li>🎓 School & University Maps – Display educational institutions with filters  </li>
<li>🎤 Event Venue Locator – Help users find event halls, venues, and stadiums  </li>
<li>🎬 Cinema & Entertainment Map – List theaters, gaming zones, and arcades  </li>
<li>🖼️ Museum & Art Gallery Locator – Showcase local exhibitions and museums  </li>
<li>🏛️ Government Office Map – Map municipal offices, courts, or embassies  </li>
<li>📦 Post Office & Courier Center Locator – Find shipping centers and drop boxes  </li>
<li>⛪ Religious Center Locator – Show churches, mosques, temples, or community halls  </li>
<li>📚 Library Map – Display public and academic library locations  </li>
<li>🐾 Veterinary & Pet Store Map – Highlight vets, clinics, or pet supply stores  </li>
<li>🔧 Hardware & Home Services Map – Show electricians, repair centers, or hardware stores  </li>
<li>💼 Co-working Space Locator – Help users find shared office spaces or business hubs  </li>
<li>🏗️ Construction & Project Map – Showcase new projects or development plots  </li>
<li>🍷 Wine & Liquor Store Map – Find wine shops and liquor outlets with filters  </li>
<li>🚴 Outdoor & Sports Store Map – Locate gear shops, bike rental points, etc.  </li>
<li>🧸 Toy Store Locator – Promote branded or local toy stores  </li>
<li>🌻 Garden Center & Nursery Map – Help users find garden shops and nurseries  </li>
<li>📖 Bookstore Locator – Showcase independent and chain bookstores  </li>
<li>📱 Electronics Store Map – Map mobile, computer, and appliance retailers  </li>
<li>👗 Clothing Store Locator – Help users find fashion outlets and boutiques  </li>
<li>🛠️ Service Center Locator – Map repair centers for electronics, cars, or devices  </li>
<li>⚖️ Legal & Consultancy Locator – List law firms, advisors, and service offices  </li>
<li>📄 Insurance Office Map – Show agents, offices, and policy assistance centers  </li>
<li>🚛 Dealer & Warehouse Locator – Display regional warehouses and distributors  </li>
<li>🍼 Childcare & Preschool Finder – Help parents locate daycares and nurseries  </li>
<li>🛒 Supermarket & Grocery Store Map – Show supermarkets, mini-markets, or organic stores</li>
</ul>
<p><strong>💡 Whether you’re running a small local shop or a global brand, WP Maps helps you build responsive, searchable, and filterable maps tailored to your business.</strong></p>
<h3>How It Works</h3>
<ol>
<li>Add your locations from <strong>Add Location</strong></li>
<li>Create a map from <strong>Add Map</strong> and assign locations</li>
<li>Use the shortcode (from <strong>Manage Maps</strong>) in posts, pages, or widgets</li>
</ol>
<p><em>Note: Google Maps requires an API key. OpenStreetMap works without a key.</em></p>
<h3>Try It Now</h3>
<p>Explore the plugin instantly using the WordPress Playground:<br />
👉 <a href="https://playground.wordpress.net/?plugin=wp-google-map-plugin" rel="nofollow ugc">Try WP Maps</a></p>


WP Maps – Google Maps,OpenStreetMap,Mapbox,Store Locator,Listing,Directory & Filters

WordPress map plugin for Google Maps, OpenStreetMap & Mapbox with store locator, filterable listings & custom markers.

Store Locator Widget Block vs WP Maps – Google Maps,OpenStreetMap,Mapbox,Store Locator,Listing,Directory & Filters