前言介紹
- 這款 WordPress 外掛「Shop UX Toolkit」是 2025-08-25 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-12-27，距離現在已有 61 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
storefront | woocommerce | accessibility | Facebook shop | customer reviews |
內容簡介
### 總結:
這款 Shop UX Toolkit 外掛通過修復商店和產品頁面上的設計和無障礙問題，提升了您的 WooCommerce 商店。它經過設計和測試適用於 Storefront 主題，並使用 CSS 僅修改 WooCommerce 代碼，不影響主題設計，對於其他出現類似問題的主題也可能適用。所有功能可以在設置中切換，並且該外掛輕量級，即使只需要一個功能也非常理想。
### 問題與答案:
1. Shop UX Toolkit 外掛主要是通過什麼方式提升 WooCommerce 商店的品質？
- 通過修復商店和產品頁面上的設計和無障礙問題。
2. 外掛如何保證不會影響網站的設計風格？
- 外掛使用 CSS 僅修改 WooCommerce 代碼，不會影響主題設計，並可在設置中隨時切換所有功能。
3. 為什麼增加下劃線對於 WooCommerce 的鏈接是有幫助的？
- 下劃線使鏈接更容易被發現，提升可讀性，修復僅靠顏色的鏈接造成的 Google PageSpeed Insights 錯誤，增加無障礙性，潛在提升 SEO 效果。
4. 如何提高類別和產品框的點擊率？
- 外掛會在懸停時對類別和產品框應用微妙的升起和陰影效果，顯示框框是可點擊的，創造出閃亮，引人注目的外觀，鼓勵點擊，可提高點擊率和銷售。
5. Shop UX Toolkit 外掛如何確保鍵盤用戶的無障礙性？
- 外掛可以讓您切換焦點輪廓只出現在鍵盤導航時，而非鼠標/觸摸，保證鍵盤用戶（包括殘障人士）的無障礙性，同時為鼠標/觸摸用戶提供更乾淨的外觀，平衡功能性和美觀性。
原文外掛簡介
Shop UX Toolkit is a free, lightweight WooCommerce plugin that upgrades your stock Storefront theme and WooCommerce install into a polished, functional eCommerce site. Toggle features to add premium enhancements like Facebook and Instagram shop integration for seamless social media checkouts and selling, engaging hover effects on product and category boxes to boost user interaction, custom product category ordering to prioritize displays on shop pages and drive sales, keyboard-only focus outlines to hide unsightly borders for mouse users while improving accessibility and SEO, blog post excerpts with “Continue Reading” buttons (replacing full posts on Storefront archives for better engagement), a dedicated customer reviews and testimonials page with submission forms and shortcodes to build trust, and tweaks like preventing empty paginated shop pages and centering modal image titles.
Optimized for Storefront, many WooCommerce-exclusive features (e.g., link styling, hover effects, keyboard focus, Facebook integration, reviews, and category ordering) work with other themes via standard WooCommerce classes—conflicts are unlikely unless the theme/plugin duplicates functionality. Fully tested only on Storefront; test and disable if issues.
Why it’s great: Free premium features, stable and supported, minimal performance impact (mostly CSS-based), customizable via settings, modular (use only what you need), enhances SEO/accessibility/user engagement. Turns vanilla WooCommerce into pro-level eCommerce without bloat. GitHub
Other benefits: quick setup, no dependencies, improves site speed scores, and encourages customer feedback.
Features
Link Styling: Underlines links in shop/category descriptions to match the rest of the site and fixes Google PageSpeed Insights’ “links rely on color” error, improving accessibility score and potential SEO. Live Demo
Facebook & Instagram Shop Integration: WooCommerce integration for Facebook & Instagram shopping carts and product catalogs; simply add an auto-created secure cart page in Meta Commerce Manager. Live Demo (view via Facebook mobile app)
Product & Category Hover Effects: Boost WooCommerce shop engagement with eye-catching soft shadows on hover—signals “click me!” to drive more interactions, longer dwell times, and potential SEO gains from better user metrics. Live Demo
Category Thumbnails Ordering: Manually sort the category thumbnails (lower numbers first) on WooCommerce shop pages to boost sales by featuring top categories first. Live Demo
Remove Blue Box Around Clickable Elements: Hides ugly blue focus outlines (that misalign on resize, e.g., site logo) for mouse/touch clicks—standard on Shopify sites; shows only for keyboard navigation (Tab key) to meet accessibility standards. Live Demo (navigate with the mouse and the Tab key to demo)
Blog Post Excerpts (Storefront): Replace full posts with engaging snippets and “Continue Reading” buttons on archives—boosts readability and click-throughs; standard in premium themes. Live Demo
Customer Reviews & Testimonials: Boost your site’s trust and sales by highlighting up to 10 top reviews/testimonials on an auto-generated reviews page that provides your customers with the ability to leave reviews for all the products they ordered on one page. Live Demo
Other WooCommerce Tweaks: Prevents empty paginated shop pages (sets 404 for non-existent), improving UX/SEO; centers modal image titles for cleaner product views; get fast WooCommerce performance without bloat.
Ideal for WooCommerce users wanting free eCommerce upgrades.
Usage
Enable features in settings.
Reviews/testimonials: Auto-creates page with shortcodes [submit_review_form] for submissions (any product), [display_all_reviews] for display; manage up to 10; send link to customers for reviews.
Category ordering: Edit categories, set numbers.
Need more Help? Support Forum
Contributing
Suggest features or report issues via WordPress.org Support Forum (include WP, WooCommerce, theme versions, steps to reproduce). For code contributions, fork and submit PRs on GitHub.
Privacy
No data collection/external requests.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Shop UX Toolkit」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.2.1 | 0.2.2 | 0.3.0 | 0.3.1 | trunk |
延伸相關外掛（你可能也想知道）
Customer Reviews for WooCommerce 》iews and ratings prominently on your product pages. With Customer Reviews for WooCommerce plugin, you can enhance standard WooCommerce reviews with...。
WP Social Ninja – Embed Social Feeds, User Reviews & Chat Widgets 》>, WP Social Ninja 是一款全方位的 WordPress 社交媒體插件，可以自動集成您的社交媒體評論、社交訊息以及聊天小工具到 WordPress 網站上，並不會有任何限制...。
Photo Reviews for WooCommerce 》Photo Reviews for WooCommerce 是一款 WooCommerce 的最佳評論外掛，可幫助你發送評論提醒郵件、允許顧客張貼包括產品圖片在內的評論，並向顧客發送帶有 Woo...。
ReviewX – Multi-Criteria Reviews for WooCommerce with Google Reviews & Schema 》e search engine with rich snippets., Premium Features:, 🌟Review Images Gallery: The premium version of the ReviewX plugin offers a review images g...。
Customer Reviews Collector for WooCommerce 》自動收集客戶評價, 使用我們的系統，快速簡單地在 Google、Facebook、Yelp、Trustindex 和其他各種平台上收集評價。, 在我們的自動邀請系統中，電子郵件完全...。
Testimonial Customer Feedback 》推薦評價 - 客戶評論、回饋, Easy Testimonials 是一個易於使用的外掛程式，允許使用者在側邊欄中加入推薦評價，或使用簡短代碼將評論嵌入到頁面或發文中。, ...。
Kiyoh / Klantenvertellen 》展示來自 KiyOh 或 Klantenvertellen.nl 的客戶評論, 因為這個外掛是針對荷蘭的評論系統，所以只有荷蘭語版本。, En dan gewoon in het Nederlands…, ...。
Solid Testimonials – Testimonial Slider, Video Testimonials & Customer Reviews 》「GS Testimonial Slider」是一款 WordPress 外掛程式，會產生一個客戶推薦的自訂文章型別，可以透過簡碼shortcode在網站的任何位置顯示。該插件功能簡單卻強...。
Easy Testimonial Slider and Form 》這是一個美觀且具有響應式設計的 WordPress 博客和網站的見證輪播和提交見證表格的外掛。管理員可以管理任意數量的客戶見證，並且可以設置見證表格標籤，並且...。
WiserReview Product Reviews for WooCommerce 》總結：, Wiser Review讓您輕鬆使用WiserReview平台收集真實的產品評論和推薦。無需編碼即可在您的產品頁面、感謝頁或客戶資訊中嵌入可自定義的評論表單，非常...。
Merchant Center Reviews for Woocommerce 》總結：透過 Merchant Center Reviews for WooCommerce 外掛，您可以自動收集客戶對您商店的評論，並從 Google 直接獲取。透過整合 Google Customer Reviews ...。
Builder for WooCommerce product reviews shortcodes – ReviewShort 》預設情況下，WooCommerce 商品評論僅顯示在商品詳細資料頁面。, 使用這個 WooCommerce 評論短碼生成器，您可以在任何地方並且美觀地查看商品評論。例如在您的...。
Customer Reviews for WooCommerce 》想要提高你的 WooCommerce 銷售額嗎？使用 WooCommerce 客戶評論小工具，可以實現！使用此免費工具，收集更多評論，建立品牌忠誠度。, 我們正在開發新的外掛...。
Yuko Customer Reviews for WooCommerce 》**總結：**, Yuko Reviews 是最佳的 WooCommerce 產品評論外掛程式，提供完整的客戶評論系統，是 Judge.me 評論的完美替代品。透過收集真實的產品評論，展示...。
Trustami Badge for Customer Reviews and Google Stars 》Trustami – 一個徽章集結您所有的客戶評論！, Trustami會以標準化且使用者友好的格式收集、分析和呈現使用者分散在社交媒體上的數據，以填補線上交互中的信任...。