前言介紹
- 這款 WordPress 外掛「Store Locator Widget Block」是 2024-09-09 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2024-11-26，距離現在已有 158 天。
- 外掛最低要求 WordPress 6.1 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
woosmap |
外掛標籤
maps | block | map block | Store locator |
內容簡介
總結：
Woosmap Store Locator Widget 外掛可讓你使用 Gutenberg 編輯器在 WordPress 網站上添加店鋪定位功能，透過 Woosmap Store Locator Widget JS 呈現互動的體驗。這外掛提供易用的客製化和設置，幫助增強網站用戶體驗。使用這個插件需要 Woosmap 帳戶和 API 金鑰，並連接到 Woosmap API 以顯示店鋪位置。外掛支援多國語言，包括法語、英語、西班牙語和德語等。具備豐富的顯示能力，確保無縫的使用者體驗。
問題與答案：
- 這外掛的主要功能是什麼？
- 這外掛需要什麼才能使用？
- 外掛支援的語言有哪些？
- 如何進行外掛的客製化設置？
- 使用外掛需要哪些外部依賴？
提供店鋪定位功能，讓使用者可以輕鬆查找店鋪位置。
需要一個 Woosmap 帳戶和 API 金鑰。
包括法語、英語、西班牙語和德語等共 15 種語言。
使用者可以設定主要顏色、調整搜尋功能、選擇簡化或詳細模式，以及設定資產數目和搜尋半徑等。
需要 Woosmap Store Locator Widget JavaScript、Woosmap Map JavaScript 和 Woosmap 服務的 URL 。
原文外掛簡介
The Woosmap Store Locator Widget Block for WordPress allows you to add a store locator to your WordPress site using the
Gutenberg editor. This plugin leverages
the Woosmap Store Locator Widget JS
to provide a rich and interactive experience for users looking for your store locations.
With easy customization and setup, you can enhance your site’s user experience in minutes.
To use this plugin, you will need a Woosmap account and an API key. The Woosmap Store Locator Widget connects to the
Woosmap API to fetch and display store locations on your site. Note that Woosmap offers various pricing plans, including
a free tier with limited usage and paid plans for higher usage and additional features. For detailed pricing
information, please refer to the Woosmap pricing page.
The widget supports a broad array of languages, including French, English, Spanish, German, and many more, catering to a
global audience and is designed for fast and advanced display capabilities, ensuring a seamless user experience.
Check official documentation for
more details.
Key Features
Multilingual Support: Available in over 15 languages, such as English, Chinese, and French, catering to
international brands.
Customizable Display: Users can set a primary color that applies to labels and backgrounds, aligning the
locator’s
appearance with their brand identity.
Flexible Search: Adapt the search features to include autocomplete worldwide or for specific countries and
specific types (address, postal code, etc.), ensuring the functionality best fits your needs.
Advanced Display Options: Offers simplified and markers views for displaying assets, allowing for a clean view or
detailed markers based on zoom level.
Configurable Search Parameters: Set the number of assets fetched from a user search and bound searches within a
set radius to accommodate store density.
Display Customization
Simplified View: Ideal for rendering a large number of assets or high store density, displaying assets as colored
dots for faster map loading and a cleaner view.
Markers View: Displays assets as pictograms with customizable images, sizes, and hotspots, suitable for detailed
branding after a specified zoom level.
Integration and Customization
The widget’s properties offer versatile customization options: use Form controls for swift adjustments of attributes
like theme color, or dive into an editable JSON Configuration for granular control over the store locator’s
functionality and appearance. This adaptability guarantees seamless integration into any website, equipping businesses
with a robust tool to enhance their online presence and engage customers more effectively.
External Dependencies
This plugin will load the Woosmap Store Locator Widget JavaScript asynchronously, which will then load the
Woosmap Map JavaScript asynchronously and execute
requests to Woosmap services for various functionalities:
Searching for Stores: The widget will query the Woosmap API to fetch store locations, ensuring accurate and
up-to-date results.
Autocompleting Addresses: The widget will use Woosmap’s autocomplete service to suggest addresses as users type,
enhancing the user experience with quick and relevant suggestions.
Displaying Maps: The widget will render maps using Woosmap’s mapping service to visually display store locations
and other relevant data, providing an interactive and user-friendly interface.
The URLs involved are:
– https://webapp.woosmap.com/webapp.js
– https://sdk.woosmap.com/map.js
– https://api.woosmap.com/*
Source Code
This plugin’s source code is accessible in the src directory of our GitHub repository.
Configuration
To begin using the Woosmap Store Locator Widget Block, follow these steps to configure your environment and gain access
to the Woosmap API
for enhancing your site with location services.
Woosmap Account Requirements
If you haven’t already, sign up for a Woosmap account as it’s necessary to access
the Woosmap Console and API keys.
Log in to the Woosmap Console. If you’re new to Woosmap, you might need to
create a project to generate API keys.
Navigate to the API keys section and generate a new Public API key for your project. This key will be used to
authenticate your requests to the Woosmap services.
Configure the Woosmap Store Locator Widget Block
When you create a new Woosmap block, the initial settings screen prompts you to enter the public API Key. If an API Key
has already been configured, this field will be pre-populated with the existing key stored in the Woosmap settings.
After validation, proceed to the Map View to access various editor settings, or edit the JSON Configuration as desired.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Store Locator Widget Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
WP Go Maps (formerly WP Google Maps) 》這是一款易於使用的 Google 地圖和 Open Layers 地圖外掛程式（包括地圖區塊）！, 使用提供的短代碼，快速輕鬆地向 WordPress 文章和/或頁面添加自定義 Googl...。
Snazzy Maps 》Snazzy Maps可以輕鬆地為您現有的 Google 地圖添加風格。, 功能特色, , 瀏覽數百種免費風格。, 快速應用風格到您的 WordPress 網站上所有的 Google 地圖。, ...。
MapPress Maps for WordPress 》MapPress 是將互動式 Google 和 Leaflet 地圖添加到 WordPress 網站的最簡單方法。, 使用 Gutenberg 區塊或傳統編輯器創建無限的地圖和標記。彈出式地圖編輯...。
Image Hotspot by DevVN 》Image Hotspot by DevVN 可以幫助您在圖片上添加熱點。, 使用方法, 複製您的短代碼以查看，例如：[devvn_ihotspot id=”YOUR_ID”], , jQuery 插件...。
YaMaps for WordPress Plugin 》YaMaps外掛是在你的網站上插入Yandex地圖的最簡單方式。該外掛具有用戶友好的界面。您可以在Yandex地圖上視覺化地放置標記，用鼠標移動它們，更改圖標等等。,...。
Maps Plugin using Google Maps for WordPress – WP Google Map 》WordPress 的谷歌地圖外掛, , WordPress 的谷歌地圖使用手冊, 如何在 WordPress 網站中使用谷歌地圖, , WP Google Map 是一個很棒的外掛，可以在你的網站新增...。
Flexible Map 》Flexible Map 允許您通過簡單的短代碼將 Google 地圖添加到 WordPress 網站中。, 功能, , 三種加載地圖的方式：, , 通過中心座標, 通過街道地址, 通過指向 Go...。
10Web Map Builder for Google Maps 》10Web Google Maps 建立者, 示範, 使用者指南, 10Web Google Maps 建立者為你提供了質量和簡單性的結合，輕鬆地為你的網站添加無限的地圖。它是一個開箱即用...。
Mihdan: Elementor Yandex Maps 》這款 Elementor Yandex Maps 外掛可以協助您建立符合 SEO 標準的地圖。這款外掛支援不同的地圖類型（路線圖/衛星圖/混合圖/地形圖）和自訂地圖樣式，輕鬆地在...。
Map Multi Marker 》這個外掛是最簡單、有用和強大的 Google 地圖外掛！可輕鬆建立無數數量的 Google 地圖和標記點。有很多選項可供選擇，讓您完全自由地自訂地圖和標記點。, , ...。
HTML5 Maps 》在您的 WordPress 網站上放置一個互動性高的 HTML5 地圖吧！選擇預定義的地圖，包括世界、美國、英國、法國、德國、意大利等多個國家和地區。持續添加新版圖...。
WP GPX Maps 》這個外掛的輸入是包含使用者運動軌跡的 GPX 檔案，輸出則顯示軌跡地圖和互動式高度圖表（（若有））。, 完全可配置：, , 自訂顏色, 自訂圖示, 多種語言支援, ...。
Very Simple Google Maps 》大多數網站都必須添加嵌入式Google地圖。我已經創建了一個簡單的方法，只需使用簡單的短代碼即可添加您的地圖。儘管名稱上有些功能，但這款外掛具有簡單而強...。
Simple Shortcode for Google Maps 》簡單易用卻功能強大的 Google 地圖外掛程式！評價中說這是「最佳 Google 地圖短代外掛程式」。, 這款外掛程式可讓您透過簡易的短代，在 WordPress 文章和頁面...。
Oi Yandex.Maps for WordPress 》注意！, 當您升級外掛到版本3.1.6時，它將被停用並顯示“找不到檔案”的錯誤 - 別擔心，只需重新啟用該外掛程式，...。