Title: Spotter Widget
Author: Buzzvel
Published: <strong>2026 年 7 月 13 日</strong>
Last modified: 2026 年 7 月 13 日

---

搜尋外掛

![](https://ps.w.org/spotter-widget/assets/banner-772x250.png?rev=3606064)

![](https://ps.w.org/spotter-widget/assets/icon-256x256.png?rev=3606033)

# Spotter Widget

 由 [Buzzvel](https://profiles.wordpress.org/buzzvel/) 開發

[下載](https://downloads.wordpress.org/plugin/spotter-widget.0.1.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/spotter-widget/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/spotter-widget/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/spotter-widget/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/spotter-widget/#developers)

 [技術支援](https://wordpress.org/support/plugin/spotter-widget/)

## 外掛說明

Spotter Widget loads the Spotter feedback script on your WordPress site and initializes
it with the options you configure. Site administrators can enter a Spotter project
key, enable or disable the widget, choose the button label and position, restrict
loading to logged-in users, and include or exclude specific URL paths.

The plugin only loads the widget when it is enabled and a project key has been saved.

Once loaded, the widget gives visitors a floating Feedback button that opens a form
rendered inside an isolated Shadow DOM, so it does not collide with theme or plugin
styles.

#### What end users can do

 * Open a feedback form from a floating button placed in the chosen corner.
 * Use pin mode to point and click on the page and attach feedback to a specific
   element and coordinate.
 * Pick a feedback type and priority (low, medium, high, critical).
 * Attach an optional screenshot.
 * Record and attach an optional screen video.
 * Recover an unsent draft automatically if the form is closed before submitting.
 * Submit feedback together with technical metadata (browser, OS, screen size, user
   agent, page URL, and viewport).

#### Plugin admin features

 * Configure the Spotter project key from Settings > Spotter Widget.
 * Enable or disable script loading without removing saved settings.
 * Customize the widget button label.
 * Choose the widget button position: bottom right, bottom left, top right, or top
   left.
 * Load the script in the footer, which is recommended for most sites.
 * Optionally load the widget on wp-admin pages, excluding the Spotter Widget settings
   screen.
 * Restrict frontend loading to logged-in users.
 * Include or exclude pages with one URL path rule per line.

#### Configuration

After activation, open Settings > Spotter Widget and enter your Spotter project 
key. The widget will not load until the plugin is enabled and a project key is saved.

The settings page includes:

 * Project key: the Spotter project key used to initialize the widget.
 * Enable widget: controls whether the script is injected on matching pages.
 * Button label: changes the visible feedback button text.
 * Button position: controls where the feedback button appears.
 * Load in footer: enqueues the Spotter script in the page footer.
 * Load on wp-admin pages: also loads the widget in admin screens, except the plugin
   settings page.
 * Only for logged-in users: limits frontend loading to authenticated users.
 * Include paths: limits loading to the listed paths.
 * Exclude paths: prevents loading on the listed paths.

#### Path matching

Include and exclude rules are entered one per line. Rules match an exact path or
a path prefix segment.

For example, `/shop` matches `/shop` and `/shop/cart`, but it does not match `/workshop`.

If include rules are configured, the widget loads only on matching frontend paths.
Exclude rules are checked after include rules and prevent script injection on matching
paths.

#### External service disclosure

This plugin relies on Spotter as an external service. When enabled on a matching
page, the plugin loads the Spotter widget from Spotter’s hosted service at `cdn.
tryspotter.io`.

The widget is initialized with:

 * The project key saved in this plugin’s settings.
 * The configured button label and position.

Feedback submitted through the widget is handled by Spotter’s hosted service, not
by this WordPress plugin. You should review Spotter’s service terms and privacy 
policy before enabling the widget on a production site.

Service website: https://tryspotter.io/
 Terms of Service: https://tryspotter.io/
terms-of-service Privacy Policy: https://tryspotter.io/privacy-policy

## 螢幕擷圖

[⌊Pin and report website issues directly to developers from the Spotter feedback
form.⌉⌊Pin and report website issues directly to developers from the Spotter feedback
form.⌉[

Pin and report website issues directly to developers from the Spotter feedback form.

[⌊Capture a screenshot and submit feedback with a description, type, priority, and
tags.⌉⌊Capture a screenshot and submit feedback with a description, type, priority,
and tags.⌉[

Capture a screenshot and submit feedback with a description, type, priority, and
tags.

[⌊Review reports saved locally in the widget history.⌉⌊Review reports saved locally
in the widget history.⌉[

Review reports saved locally in the widget history.

[⌊Add visual pins anywhere on the website to identify an issue precisely.⌉⌊Add visual
pins anywhere on the website to identify an issue precisely.⌉[

Add visual pins anywhere on the website to identify an issue precisely.

[⌊Spotter helps designers and developers collaborate on website feedback.⌉⌊Spotter
helps designers and developers collaborate on website feedback.⌉[

Spotter helps designers and developers collaborate on website feedback.

## 安裝方式

 1. Upload the `spotter-widget` folder to the `/wp-content/plugins/` directory, or 
    install the plugin zip through the WordPress admin Plugins screen.
 2. Activate the plugin through the Plugins screen in WordPress.
 3. Go to Settings > Spotter Widget.
 4. Enter your Spotter project key.
 5. Configure where the widget should load and save changes.

## 常見問題集

### Does the widget load on every page?

By default, it loads on frontend pages when the plugin is enabled and a project 
key is saved. You can use include and exclude path rules to control where it appears.

### Can I load the widget only for logged-in users?

Yes. Enable the “Only for logged-in users” setting.

### Can I load the widget in wp-admin?

Yes. Enable the “Load on wp-admin pages” setting. The widget is not loaded on the
Spotter Widget settings page itself.

### What happens if I do not enter a project key?

The plugin does not load the Spotter script.

### What can visitors submit through the widget?

A title, a description, a feedback type, a priority, an optional screenshot, and
an optional screen recording. Submissions also include the page URL, the clicked
element selector and coordinates (when pin mode is used), the viewport size, and
basic technical metadata such as browser, OS, screen size, and user agent.

### Will the widget conflict with my theme styles?

The widget renders inside a Shadow DOM, so its styles are isolated from the host
page.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Spotter Widget〉的開發相關工作。

參與者

 *   [ Buzzvel ](https://profiles.wordpress.org/buzzvel/)

[將〈Spotter Widget〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/spotter-widget)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/spotter-widget/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/spotter-widget/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/spotter-widget/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/spotter-widget/)。

## 變更記錄

#### 0.1.0

 * Initial release.

## 中繼資料

 *  版本 **0.1.0**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.7 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.7**
 *  PHP 版本需求 ** 7.1 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/spotter-widget/)
 * 標籤:
 * [customer feedback](https://tw.wordpress.org/plugins/tags/customer-feedback/)
   [feedback](https://tw.wordpress.org/plugins/tags/feedback/)[website feedback](https://tw.wordpress.org/plugins/tags/website-feedback/)
   [widget](https://tw.wordpress.org/plugins/tags/widget/)
 *  [進階檢視](https://tw.wordpress.org/plugins/spotter-widget/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/spotter-widget/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/spotter-widget/reviews/)

## 參與者

 *   [ Buzzvel ](https://profiles.wordpress.org/buzzvel/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/spotter-widget/)