{"id":407699,"date":"2024-09-10T08:00:00","date_gmt":"2024-09-10T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/store-locator-widget-block\/"},"modified":"2024-11-26T22:22:00","modified_gmt":"2024-11-26T22:22:00","slug":"store-locator-widget-block","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/store-locator-widget-block\/","title":{"rendered":"Store Locator Widget Block"},"content":{"rendered":"<p>The Woosmap Store Locator Widget Block for WordPress allows you to add a store locator to your WordPress site using the<br \/>\nGutenberg editor. This plugin leverages<br \/>\nthe <a href=\"https:\/\/developers.woosmap.com\/products\/widgets\/store-locator-widget\/quick-start\/\" rel=\"nofollow ugc\">Woosmap Store Locator Widget JS<\/a><br \/>\nto provide a rich and interactive experience for users looking for your store locations.<br \/>\nWith easy customization and setup, you can enhance your site\u2019s user experience in minutes.<\/p>\n<p>To use this plugin, you will need a Woosmap account and an API key. The Woosmap Store Locator Widget connects to the<br \/>\nWoosmap API to fetch and display store locations on your site. Note that Woosmap offers various pricing plans, including<br \/>\na free tier with limited usage and paid plans for higher usage and additional features. For detailed pricing<br \/>\ninformation, please refer to the <a href=\"https:\/\/www.woosmap.com\/pricing\/\" rel=\"nofollow ugc\">Woosmap pricing page<\/a>.<\/p>\n<p>The widget supports a broad array of languages, including French, English, Spanish, German, and many more, catering to a<br \/>\nglobal audience and is designed for fast and advanced display capabilities, ensuring a seamless user experience.<\/p>\n<p><a href=\"https:\/\/developers.woosmap.com\/products\/widgets\/store-locator-widget\/quick-start\/\" rel=\"nofollow ugc\">Check official documentation<\/a> for<br \/>\nmore details.<\/p>\n<h3>Key Features<\/h3>\n<ul>\n<li><strong>Multilingual Support<\/strong>: Available in over 15 languages, such as English, Chinese, and French, catering to<br \/>\ninternational brands.<\/li>\n<li><strong>Customizable Display<\/strong>: Users can set a primary color that applies to labels and backgrounds, aligning the<br \/>\nlocator\u2019s<br \/>\nappearance with their brand identity.<\/li>\n<li><strong>Flexible Search<\/strong>: Adapt the search features to include autocomplete worldwide or for specific countries and<br \/>\nspecific types (address, postal code, etc.), ensuring the functionality best fits your needs.<\/li>\n<li><strong>Advanced Display Options<\/strong>: Offers simplified and markers views for displaying assets, allowing for a clean view or<br \/>\ndetailed markers based on zoom level.<\/li>\n<li><strong>Configurable Search Parameters<\/strong>: Set the number of assets fetched from a user search and bound searches within a<br \/>\nset radius to accommodate store density.<\/li>\n<\/ul>\n<h3>Display Customization<\/h3>\n<ul>\n<li><strong>Simplified View<\/strong>: Ideal for rendering a large number of assets or high store density, displaying assets as colored<br \/>\ndots for faster map loading and a cleaner view.<\/li>\n<li><strong>Markers View<\/strong>: Displays assets as pictograms with customizable images, sizes, and hotspots, suitable for detailed<br \/>\nbranding after a specified zoom level.<\/li>\n<\/ul>\n<h3>Integration and Customization<\/h3>\n<p>The widget\u2019s properties offer versatile customization options: use Form controls for swift adjustments of attributes<br \/>\nlike theme color, or dive into an editable JSON Configuration for granular control over the store locator\u2019s<br \/>\nfunctionality and appearance. This adaptability guarantees seamless integration into any website, equipping businesses<br \/>\nwith a robust tool to enhance their online presence and engage customers more effectively.<\/p>\n<h3>External Dependencies<\/h3>\n<p>This plugin will load the Woosmap Store Locator Widget JavaScript asynchronously, which will then load the<br \/>\n<a href=\"https:\/\/developers.woosmap.com\/products\/map-api\/get-started\/\" rel=\"nofollow ugc\">Woosmap Map JavaScript<\/a> asynchronously and execute<br \/>\nrequests to Woosmap services for various functionalities:<\/p>\n<ul>\n<li><strong>Searching for Stores<\/strong>: The widget will query the Woosmap API to fetch store locations, ensuring accurate and<br \/>\nup-to-date results.<\/li>\n<li><strong>Autocompleting Addresses<\/strong>: The widget will use Woosmap\u2019s autocomplete service to suggest addresses as users type,<br \/>\nenhancing the user experience with quick and relevant suggestions.<\/li>\n<li><strong>Displaying Maps<\/strong>: The widget will render maps using Woosmap\u2019s mapping service to visually display store locations<br \/>\nand other relevant data, providing an interactive and user-friendly interface.<\/li>\n<\/ul>\n<p>The URLs involved are:<br \/>\n\u2013 <a href=\"https:\/\/webapp.woosmap.com\/webapp.js\" rel=\"nofollow ugc\">https:\/\/webapp.woosmap.com\/webapp.js<\/a><br \/>\n\u2013 <a href=\"https:\/\/sdk.woosmap.com\/map.js\" rel=\"nofollow ugc\">https:\/\/sdk.woosmap.com\/map.js<\/a><br \/>\n\u2013 <a href=\"https:\/\/api.woosmap.com\/*\" rel=\"nofollow ugc\">https:\/\/api.woosmap.com\/*<\/a><\/p>\n<h3>Source Code<\/h3>\n<p>This plugin\u2019s 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>\n<h3>Configuration<\/h3>\n<p>To begin using the Woosmap Store Locator Widget Block, follow these steps to configure your environment and gain access<br \/>\nto the Woosmap API<br \/>\nfor enhancing your site with location services.<\/p>\n<h3>Woosmap Account Requirements<\/h3>\n<ol>\n<li>If you haven\u2019t already, <a href=\"https:\/\/www.woosmap.com\/sign_up\/\" rel=\"nofollow ugc\">sign up for a Woosmap account<\/a> as it\u2019s necessary to access<br \/>\nthe Woosmap Console and API keys.<\/li>\n<li><a href=\"https:\/\/console.woosmap.com\/\" rel=\"nofollow ugc\">Log in to the Woosmap Console<\/a>. If you\u2019re new to Woosmap, you might need to<br \/>\ncreate a project to generate API keys.<\/li>\n<li>Navigate to the API keys section and generate a new Public API key for your project. This key will be used to<br \/>\nauthenticate your requests to the Woosmap services.<\/li>\n<\/ol>\n<h3>Configure the Woosmap Store Locator Widget Block<\/h3>\n<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 \/>\nhas already been configured, this field will be pre-populated with the existing key stored in the Woosmap settings.<br \/>\nAfter validation, proceed to the Map View to access various editor settings, or edit the JSON Configuration as desired.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Easily integrate the Woosmap Store Locator Widget into your WordPress site with this Gutenberg block plugin.<\/p>\n","protected":false},"author":65,"featured_media":407700,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Store Locator Widget Block - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Easily integrate the Woosmap Store Locator Widget into your WordPress site with this Gutenberg block plugin."},"footnotes":""},"categories":[1],"tags":[288,3284,3228,3786],"class_list":["post-407699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-block","tag-map-block","tag-maps","tag-store-locator"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/407699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=407699"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/407699\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/407700"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=407699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=407699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=407699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}