Description
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.
Screenshots
Installation
- Upload/install via Plugins > Add New.
- Activate.
- Settings > Shop UX Toolkit: Toggle features like Facebook integration, hover effects.
- Clear cache.
FAQ
-
Will it work with my theme?
-
Optimized for Storefront; most features WooCommerce-based and compatible with other themes unless similar functions exist—test for conflicts. Disable features via settings if issues arise.
-
Performance impact?
-
Lightweight, mostly CSS; negligible effect on site speed.
Please feel free to post any other questions you might have on the
Support Forum
Reviews
ഈ പ്ലഗിന് റിവ്യൂകൾ ഒന്നുമില്ല.
Contributors & Developers
“Shop UX Toolkit” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Shop UX Toolkit” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
0.3.1
- Fixed enqueuing issue with blog functions.
- Updated all settings to default to false in the settings menu.
0.3.0
- Added blog excerpts feature (Storefront only).
- Added Facebook cart integration with customizable slug.
- Added reviews page with shortcodes, management, and captcha option.
- Optimized reviews with caching.
- Updated function prefixes for consistency.
- Added category ordering.
0.2.2
- Refined hover-lift to clickable elements in category/product boxes.
- Fixed lower-left and lower-right corner hover effect coverage.
- Centered image titles in single-product large image modal.
0.2.1
- Added link behavior for single-product description tabs.
- Clarified Storefront-first testing and support.
0.2.0
- CSS-only simplification; focused UX tweaks on archive pages.




