前言介紹
- 這款 WordPress 外掛「Products Showcase – Shopify Integration」是 2025-12-01 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2026-01-20，距離現在已有 36 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 8.1 以上。
- 有 3 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 100% ，不低，算是個很有心解決問題的開發者團隊了！
外掛協作開發者
外掛標籤
blocks | shopify | products | ecommerce | gutenberg |
內容簡介
總結：Products Showcase - Shopify Integration 是一款功能強大的 WordPress 外掛，可以讓您使用美麗、響應式的輪播，在 WordPress 網站上直接展示 Shopify 產品和收藏品。
問題與答案：
1. 這個外掛主要提供什麼功能？
- 可以在 WordPress 網站上展示 Shopify 產品和收藏品。
- 使用原生的 Gutenberg 區塊來建立美觀的輪播展示。
2. 外掛具備哪些特色？
- 使用 React 建立的原生 Gutenberg 區塊，無需外部依賴。
- 提供美麗的輪播展示，支援 Embla Carousel。
- 能顯示個別產品或整個收藏品。
- 提供顏色選項及滑鼠懸停效果。
- 完全響應式，適用於各種螢幕尺寸和裝置。
- 智慧快取和延遲加載以最佳化效能。
- 區塊編輯器中的實時產品/收藏品搜尋。
- 自動隱藏缺貨商品。
- 可自訂展示設定，控制產品數量限制及顯示選項。
- 兩種展示模式：多產品輪播和單一產品特殊版面。
- 使用 @wordpress/scripts 和 webpack 進行現代開發。
3. 運作這個外掛需要什麼？
- WordPress 6.0 或更高版本。
- PHP 8.1 或更高版本。
- Node.js 18+ 和 npm 8+（僅供開發使用）。
- 具有管理員 API 存取權限的 Shopify 商店。
4. 外掛的原始碼如何取得？
- 提供 GitHub 存儲庫連結。
- 源代碼位於 src/ 目錄中，包含所有未編譯源代碼（React 組件、SCSS 檔案）。
- 使用 @wordpress/scripts（Webpack）進行編譯。
- 開發指南位於 README.md 中，提供完整構建說明。
原文外掛簡介
Display your Shopify products on WordPress with beautiful, responsive carousels. Built as a native Gutenberg block with OAuth authentication for easy setup.
Features
Native Gutenberg Block – Built with React, zero external dependencies
Beautiful Carousels – Touch-friendly product carousels powered by Embla Carousel
Smart Product Display – Show individual products or entire collections
Color Swatches – Visual product color options with hover effects
Fully Responsive – Optimized for all screen sizes and devices
Performance Optimized – Smart caching and lazy loading
Live Search – Real-time product/collection search in block editor
Stock Filtering – Automatically hides out-of-stock items
OAuth Authentication – Secure one-click connection to Shopify
Use Cases
Showcase featured products on your blog
Display seasonal collections on landing pages
Add product carousels to content-heavy sites
Bridge content and commerce seamlessly
Requirements
WordPress 6.0+, PHP 8.1+
A Shopify store with Admin API access
Links
GitHub Repository – Source code & developer docs
Documentation – Full installation guide
External Services
This plugin connects to the Shopify Admin API to fetch your product data.
Service Provider: Shopify Inc.
Data Transmitted: Store URL, OAuth credentials (one-time), and product queries
When: During setup, when searching products in editor, and when displaying products (cached for 1 hour)
Privacy: No visitor data is sent to Shopify. All API calls are server-side. Product data is cached locally.
Shopify Legal:
* Terms of Service
* Privacy Policy
* API Terms
Configuration
Easy OAuth Setup
Navigate to Shopify Products in WordPress admin
Enter your Shopify Store URL (e.g., your-store.myshopify.com)
Paste your Client ID from Shopify
Paste your Client Secret from Shopify
Click “Connect to Shopify”
You’ll be redirected to Shopify to authorize the connection
After authorizing, you’re automatically redirected back – done!
The plugin automatically obtains the access token via secure OAuth and detects the latest Shopify API version.
Usage
Edit any page or post in WordPress
Click “+” to add a block and search for “Shopify Products”
Choose Products Mode (select individual products) or Collection Mode (display a collection)
Use the live search to find and add products
Customize title, description, and product limit as needed
The block displays as a touch-friendly carousel on mobile and with arrow navigation on desktop. Single products get a special two-column featured layout.
Customization
For custom CSS classes, template overrides, hooks & filters, and developer documentation, see our GitHub README.
Troubleshooting
Products Not Showing
Check API credentials in Settings → Shopify Products
Verify connection shows green checkmark
Clear cache using the button in settings
Ensure products are ACTIVE and in stock in Shopify
Can’t Configure Shopify App
In Dev Dashboard, click “New version” to edit settings
Add scopes in the “Access” section
Click “Release” to activate your configuration
For detailed troubleshooting, see our GitHub documentation.
Credits
Built with Embla Carousel for smooth, touch-friendly carousels
Powered by @wordpress/scripts
Support
Plugin Support Forum
GitHub Issues
Privacy Policy
This plugin connects to Shopify’s API to fetch product data. Product information is cached locally. The plugin does NOT collect or transmit any visitor data. See Shopify’s privacy policy for their data handling practices.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Products Showcase – Shopify Integration」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.1.0 | 1.1.1 | 1.1.2 | trunk |
延伸相關外掛（你可能也想知道）
WooCommerce 》p>WooCommerce是全球最受歡迎的開源電子商務解決方案之一，擁有世界上最多的市場份額。, 我們的核心平臺是免費的、靈活的，並擁有全球社區的支持。開源的自由...。
Popup Builder & Popup Maker for WordPress – OptinMonster Email Marketing and Lead Generation 》🤩使用這個外掛可以製作彈出視窗和訂閱表單，增加電子郵件訂閱者、銷售和業績–最受歡迎的彈出視窗建構器！🚀, 最佳的 WordPress 彈出視窗建構器和電子報彈窗...。
WooCommerce PayPal Payments 》PayPal 最新、功能最完備的付款處理解決方案。除了接受 PayPal 獨有的付款方式，也可接受信用卡/借記卡和本地付款方式。開啟 PayPal 付款選項或處理完整的付...。
PrettyLinks – Affiliate Links, Link Branding, Link Tracking, Marketing and Stripe Payments Plugin 》Pretty Links 可以幫助您在 WordPress 網站上或外部網站上縮短、美化、追蹤、管理和分享任何 URL。使用您自己的域名創建您想要的外觀的連結！, Pretty Links ...。
Mailchimp for WooCommerce 》加入 Mailchimp 的 1,700 萬客戶，這是全球最大的行銷自動化平台，以發展您的電子商務行銷策略。藉由官方 Mailchimp for WooCommerce 整合，您的客戶及其購買...。
WooCommerce PayPal Checkout Payment Gateway 》⚠️ PayPal 結帳功能將於 2022 年 3 月 1 日停止支援，外掛的更新已在 2021 年 9 月 1 日停止。我們建議轉換至 PayPal Payments。, 這是一個用於 WooCommerce ...。
Paid Membership Plugin, Ecommerce, User Registration Form, Login Form, User Profile & Restrict Content – ProfilePress 》理 their accounts., , Content Restriction, Restrict content based on membership level, user role, or custom capabilities. With ProfilePress members...。
WPML Multilingual & Multicurrency for WooCommerce 》這個外掛包含您需要開始跨國銷售所需的一切。輕鬆地設定和管理多種貨幣下的產品，不論您的商店大小和負責團隊的規模。或者，您可以升級購買 WPML，將您的整個...。
Mercado Pago payments for WooCommerce 》官方的 Mercado Pago 外掛可讓您為您的網路商店處理付款，讓使用者以他們喜歡的付款方式完成購買。, 安裝不需要技術知識，您可以從我們的開發者網站上按照整...。
WooCommerce Admin 》WooCommerce Admin 已不再被支援, WooCommerce Admin 已經成為 WooCommerce 的一部分！為了確保您的商店繼續順利運行，請確認 WooCommerce 已更新至最新版本...。
TI WooCommerce Wishlist 》增加銷售和轉換率, 您是否正在尋找提高您的 WooCommerce 網站銷售量的方法？不用再找了，使用 WooCommerce 愿望清單！我們強大的工具旨在提高轉換率和增加網...。
Mollie Payments for WooCommerce 》, 透過 Mollie 的強大外掛，您可以在 WooCommerce 中快速整合所有主要的付款方式，不論您在何處需要它們。只需將它們直接丟入您的 WooCommerce 網店中，Molli...。
Matomo Analytics – Ethical Stats. Powerful Insights. 》已經使用 Matomo On-Premise 或 Matomo Cloud 的使用者？您需要使用 WP-Matomo 外掛而非此外掛。, 對於所有想要以更輕鬆的方式獲取顧客洞察資訊以發展自己的...。
Download Manager 》WordPress Download Manager 是一款檔案/文件管理外掛程式，可讓您管理、追蹤和控制從您的 WordPress 網站下載的檔案。您可使用密碼、使用者角色來控制檔案的...。
SureCart – Ecommerce Made Easy For Selling Physical Products, Digital Downloads, Subscriptions, Donations, & Payments 》新的 WordPress 銷售方式！, ★★★★★, 厭倦了過於複雜的設置、糟糕的效能、過多的元素，只得到一般的結果嗎？, 讓我們面對現實，傳統的 WordPress 電子商務外掛...。