[WordPress] 外掛分享: WCSpots – image hotspots for WooCommerce

WordPress 外掛 WCSpots – image hotspots for WooCommerce 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「WCSpots – image hotspots for WooCommerce」是 2023-06-14 上架。
  • 目前有 40 個安裝啟用數。
  • 上一次更新是 2025-04-22,距離現在已有 10 天。
  • 外掛最低要求 WordPress 6.5 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

anydog |

外掛標籤

block | hotspots | showcase | gutenberg | woocommerce |

內容簡介

【外掛介紹】WCSpots - 我們的 WooCommerce 產品熱點 Gutenberg 區塊,是展示產品的創意互動解決方案!透過 WCSpots,你可以輕鬆地建立一個自訂圖像,並連接到所選的 WooCommerce 產品。只需選擇要展示的產品,上傳圖像,然後添加熱點。每個熱點都與一個產品相關聯,當使用者點擊時,會顯示產品的浮動窗口,包括價格,描述和“立即購買”按鈕。 WCSpots 外掛完美適用於任何想以獨特吸引人的方式展示產品的 WooCommerce 商店所有者。無論你想突出你的熱銷產品,推廣新產品,或者僅僅創建一個引人注目的產品展示,我們的外掛都能夠滿足你的需求。

【主要特色】
以下是 WCSpots 的一些主要特色:
- 簡單設置:只需安裝外掛,選擇你的產品,上傳圖像,並添加熱點。
- 可自定義的熱點:從一系列的熱點樣式中選擇,並自定義顏色和形狀,以配合你的品牌。
- 使用直觀的控制和設置建立自己的佈局。
- 手機友好:我們的外掛是完全響應的,確保你的熱點和產品浮動窗口在任何設備上都可觀看。
- SEO 友好:每個熱點都是錨鏈接,非常適合 SEO,並允許用戶分享單個產品鏈接。
- 快速加載:我們的外掛經過優化,確保你的頁面快速高效加載。

【授權】
除 WordPress 和 React 模組和套件外,該外掛還使用了第三方模組,並根據 MIT 或 MPL-2.0,GPL 相容的許可證進行授權。

【問題與答案】
問題:WCSpots 是用來做什麼的?
答案:WCSpots 是一個 WooCommerce 產品熱點 Gutenberg 區塊,用於以創意互動方式展示商品。

問題:如何使用 WCSpots?
答案:只需安裝外掛,選擇要展示的產品,上傳圖像,然後添加熱點,就能輕鬆建立自定義圖像並與 WooCommerce 產品相連接。

問題:WCSpots 有哪些主要特色?
答案:WCSpots 的特色包括: 簡單設置,可自定義的熱點,使用直觀的控制和設置建立自己的佈局,手機友好,SEO 友好,以及快速加載。

問題:WCSpots 的授權方式是什麼?
答案:除 WordPress 和 React 模組和套件外,該外掛還使用了第三方模組,並根據 MIT 或 MPL-2.0,GPL 相容的許可證進行授權。

原文外掛簡介

Introducing WCSpots – our WooCommerce Product Hotspot Gutenberg Block – the ultimate solution for showcasing your products in a creative and interactive way!
With our plugin, you can easily create a custom image with hotspots that link to selected WooCommerce products. Simply select the products you want to showcase, upload an image, and add hotspots on top. Each hotspot is associated with a product, and when clicked, displays a product popover with all the necessary details – including price, description, and a “Add to Cart” button.
This plugin is perfect for any WooCommerce store owner looking to showcase their products in a unique and engaging way. Whether you want to highlight your best-sellers, promote new arrivals, or simply create an eye-catching product display, our plugin has got you covered.

v.1.2.0 UPDATE NOTICE: Upon update to v.1.2.0. no significant change or issue should occur on frontend of your WCSpots showcases. However, after update, on edit screen the “Block contains unexpected or invalid content.” notice will appear. Clicking the “Attempt Recovery” will fix this notice, and new WCSpots v.1.2.0 features will be available.

Key Features
Here are some of the key features of WCSpots:

Easy setup: Simply install the plugin, select your products, upload an image, and add hotspots.
Customizable hotspots: Choose from a range of styles and customize hotspot design to match your brand. Change hotspot position with simple drag and drop.
Build your own layout with intuitive controls and settings.
Mobile-friendly: Our plugin is fully responsive, ensuring your hotspots and product popovers look great on any device.
Fast loading: Our plugin is optimized for speed, ensuring your page loads quickly and efficiently.

So why wait? Download our WCSpots Block today and start showcasing your products like never before!
Feature details

Drag and drop hotspots – easily change hotspot position.
Pulsating hotspot effect – make hotspot pulsate, globally, or per hotspot.
Change the hotspot sizes – separate control over inner and outer hotspot elements.
Product highlight color – product higlighted with hotspot primary color, on hotspot hover.
Product image size – image size controls for products and a popover.

Demonstration of WCSpots block usage:

Stay Connected

View on GitHub
Follow on Twitter

Licence
The plugin uses, other than WordPress and React modules and packages, third party modules, licenced under MIT or MPL-2.0, GPL compatible licences:
* ClassNames
* React Select
* React Tiny Popover
* DOMPurify
* uuid
Feedback
If you would like to have more features in this block, please suggest them in the Support section. This also applies to pointing out to bugs, or UI/UX improvements. Bugfixes or improvements will be added to free version of plugin, but some new features may only apply to commercial version. The commercial version will enable us to contiue working on free version and support it for a longer time period.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「WCSpots – image hotspots for WooCommerce」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


0.1.0 | 1.0.0 | 1.1.0 | 1.2.0 | trunk |

延伸相關外掛(你可能也想知道)

  • Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式,可還原之前(也就是「經典」)的 WordPress 編輯器和「編輯文章」畫面,使使用者可以使用延伸這個畫...。
  • Advanced Editor Tools 》高級編輯工具(以前稱為 TinyMCE Advanced)引入了一個「經典段落」區塊,供區塊編輯器(Gutenberg)使用。, 如果您還沒有準備好切換到區塊編輯器,或者有插...。
  • Classic Widgets 》Classic Widgets 是由 WordPress 團隊維護的官方外掛,能夠恢復先前(即「經典」)的 WordPress widgets 設定畫面。該外掛將於 2024 年或必要時保持支援和維...。
  • Starter Templates – AI-Powered Templates for Elementor & Gutenberg 》免費模板,支援 Elementor、Beaver Builder 和 Block Editor, 使用 Starter Templates 外掛,只需數分鐘即可建立專業且完美的網站。此外掛為使用者提供超過 2...。
  • Spectra Gutenberg Blocks – Website Builder for the Block Editor 》a.com/tutorials/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Spectra tutorials, you can easily learn how to ...。
  • Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器),並以經典編輯器取代它。你可以完全禁用 Gutenberg,或從文章、頁面、角色、文章類型和主題模板中有...。
  • Gutenberg Blocks with AI by Kadence WP – Page Builder Features 》Kadence Blocks 是一個 WordPress 外掛,它附加自訂區塊和選項,擴展了 Gutenberg 編輯功能,使您能夠輕鬆創建美麗的網站,而不需要任何程式編寫。Kadence Bl...。
  • Extendify 》Extendify 是一個網站設計和製作工具平台,提供豐富的圖案和全頁面佈局,可用於 Gutenberg 區塊編輯器,幫助人們建立美麗的 WordPress 網站。, 使用 Extendif...。
  • Page Builder Gutenberg Blocks – CoBlocks 》, 注意:對於已受 CoBlocks 3.0.0 版本影響的使用者,請查看我們在 WordPress.org 支援論壇文章,如果您需要支援,請建立新的主題帖。, , CoBlocks 是新版 Gu...。
  • Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE 》Otter 是一款 Gutenberg Blocks 頁面建構外掛,可為 WordPress Block Editor(又稱 Gutenberg)添加額外功能,讓您享受更好的頁面建構體驗,而無需使用傳統的...。
  • AI Powered Starter Templates by Kadence WP 》用三個滑鼠點擊建立一個美觀的「效能優化」網站, 在幾分鐘內創建和自定義專業設計的網站。, Kadence Starter Templates 為您提供使用 WordPress 區塊構建器的...。
  • GenerateBlocks 》將不同的功能整合至編輯器,但並不會因為過多的一維方塊造成內容過於臃腫。使用 GenerateBlocks,您只需深入學習少量的方塊,即可用於創建任何內容。, Genera...。
  • VK Blocks 》這是一個擴充 Gutenberg 模塊的外掛。, [ 模塊 ], , 成員, 外框, 警示, 常問問題, 氣球, 流, 按鈕, 公關模塊, 公關內容, 邊框盒, 標題(帶副標題), 響應間距...。
  • Stackable – Page Builder Gutenberg Blocks 》終極與古鐸版衣搭檔, Stackable 是您一直在等待的終極可靠古鐸版衣搭檔。使用堅強、輕便的自訂區塊、現成設計、UI套件、全域設定和高級自訂選項建立動態網站...。
  • Kubio AI Page Builder 》, , Kubio 是一個創新的基於區塊的 WordPress 網站建立工具,它以全新的區塊來擴充編輯器功能並提供使用者無限的樣式選項。透過先進的編輯功能,Kubio 使用者...。

文章
Filter
Apply Filters
Mastodon