Hossein Karami

Display your Shopify products on WordPress with beautiful, responsive carousels. Built as a native Gutenberg block with OAuth authentication for easy setup.
<h4>Features</h4>
<ul>
<li>Native Gutenberg Block – Built with React, zero external dependencies</li>
<li>Beautiful Carousels – Touch-friendly product carousels powered by Embla Carousel</li>
<li>Smart Product Display – Show individual products or entire collections</li>
<li>Color Swatches – Visual product color options with hover effects</li>
<li>Fully Responsive – Optimized for all screen sizes and devices</li>
<li>Performance Optimized – Smart caching and lazy loading</li>
<li>Live Search – Real-time product/collection search in block editor</li>
<li>Stock Filtering – Automatically hides out-of-stock items</li>
<li>OAuth Authentication – Secure one-click connection to Shopify</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Showcase featured products on your blog</li>
<li>Display seasonal collections on landing pages</li>
<li>Add product carousels to content-heavy sites</li>
<li>Bridge content and commerce seamlessly</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0+, PHP 8.1+</li>
<li>A Shopify store with Admin API access</li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://github.com/HosseinKarami/products-showcase" rel="nofollow ugc">GitHub Repository</a> – Source code & developer docs</li>
<li><a href="https://github.com/HosseinKarami/products-showcase/blob/main/INSTALLATION.md" rel="nofollow ugc">Documentation</a> – Full installation guide</li>
</ul>
<h3>External Services</h3>
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: 
* <a href="https://www.shopify.com/legal/terms" rel="nofollow ugc">Terms of Service</a> 
* <a href="https://www.shopify.com/legal/privacy" rel="nofollow ugc">Privacy Policy</a> 
* <a href="https://www.shopify.com/legal/api-terms" rel="nofollow ugc">API Terms</a>
<h3>Configuration</h3>
<h4>Easy OAuth Setup</h4>
<ol>
<li>Navigate to Shopify Products in WordPress admin</li>
<li>Enter your Shopify Store URL (e.g., <code>your-store.myshopify.com</code>)</li>
<li>Paste your Client ID from Shopify</li>
<li>Paste your Client Secret from Shopify</li>
<li>Click “Connect to Shopify”</li>
<li>You’ll be redirected to Shopify to authorize the connection</li>
<li>After authorizing, you’re automatically redirected back – done!</li>
</ol>
The plugin automatically obtains the access token via secure OAuth and detects the latest Shopify API version.
<h3>Usage</h3>
<ol>
<li>Edit any page or post in WordPress</li>
<li>Click “+” to add a block and search for “Shopify Products”</li>
<li>Choose Products Mode (select individual products) or Collection Mode (display a collection)</li>
<li>Use the live search to find and add products</li>
<li>Customize title, description, and product limit as needed</li>
</ol>
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.
Not using the block editor? Use the <code>[products_showcase]</code> shortcode in the Classic editor, text widgets, or page builders:
<pre><code>[products_showcase collection="123456789"]
[products_showcase products="111,222,333" title="Featured"]
</code></pre>
Supported attributes: collection, products, limit, title, description, button_text, button_url, button_new_tab, disable_padding, and color options. See the <a href="https://github.com/HosseinKarami/products-showcase#using-the-shortcode-classic-editor--page-builders" rel="nofollow ugc">GitHub README</a> for the full list.
<h3>Customization</h3>
For custom CSS classes, template overrides, hooks & filters, and developer documentation, see our <a href="https://github.com/HosseinKarami/products-showcase#-customization" rel="nofollow ugc">GitHub README</a>.
<h3>Troubleshooting</h3>
<h4>Products Not Showing</h4>
<ol>
<li>Check API credentials in Settings → Shopify Products</li>
<li>Verify connection shows green checkmark</li>
<li>Clear cache using the button in settings</li>
<li>Ensure products are ACTIVE and in stock in Shopify</li>
</ol>
<h4>Can’t Configure Shopify App</h4>
<ol>
<li>In Dev Dashboard, click “New version” to edit settings</li>
<li>Add scopes in the “Access” section</li>
<li>Click “Release” to activate your configuration</li>
</ol>
For detailed troubleshooting, see our <a href="https://github.com/HosseinKarami/products-showcase#-troubleshooting" rel="nofollow ugc">GitHub documentation</a>.
<h3>Credits</h3>
<ul>
<li>Built with <a href="https://www.embla-carousel.com/" rel="nofollow ugc">Embla Carousel</a> for smooth, touch-friendly carousels</li>
<li>Powered by <a href="https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/" rel="nofollow ugc">@wordpress/scripts</a></li>
</ul>
<h3>Support</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/products-showcase/" rel="ugc">Plugin Support Forum</a></li>
<li><a href="https://github.com/HosseinKarami/products-showcase/issues" rel="nofollow ugc">GitHub Issues</a></li>
</ul>
<h3>Privacy Policy</h3>
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 <a href="https://www.shopify.com/legal/privacy" rel="nofollow ugc">Shopify’s privacy policy</a> for their data handling practices.

Products Showcase – Shopify Integration


Clean design, smooth carousel, and very lightweight. Nice job!


Great plugin!


Great plugin! Embedding Shopify products is quick and smooth, and the layout looks clean and responsive. Perfect for showcasing items without any hassle.


Smooth and Simple Product Showcase


This is the best plugin you can use to showcase your Shopify products in WordPress! The Custom Gutenberg block is amazing!


Best plugin to showcase your Shopify products in WordPress

Display Shopify products and collections in beautiful carousels using native Gutenberg blocks.

Smackcoders Inc.,

Smackcoders Support

riswanasmack

Prema Iruthayarajan

W2S – WooCommerce to Shopify Sync is a complete, bi-directional synchronization tool designed for store owners and developers who want to sync their catalog, maintain two platforms in parallel, or switch from WooCommerce to Shopify (and vice-versa) with minimal effort. 
The plugin automates product sync, customer sync, and order sync without relying on external services. It is perfect for merchants planning to
<ul>
<li>convert WooCommerce to Shopify,</li>
<li>switch from Shopify to WooCommerce,</li>
<li>migrate orders from WooCommerce to Shopify,</li>
<li>or simply keep both stores updated at all times.</li>
</ul>
W2S is built for speed, accuracy, and complete control. Use it for a full store sync or keep it running continuously as a two-way integration layer between WooCommerce and Shopify.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/1-tuqBcU0RM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&start=52&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Key Features</h4>
<ul>
<li>
Bi-Directional Sync 
Sync in any direction — WooCommerce → Shopify, Shopify → WooCommerce, or both at the same time. You can sync data, update existing records, or maintain a continuous real-time connection.
</li>
<li>
Real-Time & Scheduled Sync 
Trigger sync ‘on-save sync’ to send all the available products in WooCommerce or Shopify or run scheduled jobs (hourly, daily, weekly, or within a custom date range). W2S can also sync only the products created within the last 24 hours.
</li>
<li>
Sync Products, Customers & Orders 
Move all essential eCommerce data such as product details, variations, images, galleries, customers, addresses, orders, fees, taxes, shipping, and more. It supports creating new records, updating existing data, and deleting removed items.
</li>
<li>
Product Sync (WooCommerce → Shopify) 
Send WooCommerce products to Shopify, including titles, descriptions, SKUs, images, categories, tags, attributes, and variations.
</li>
<li>
Product Sync (Shopify → WooCommerce) 
Import Shopify products into WooCommerce with all key details preserved, including product metadata and other key details.
</li>
<li>
Order Sync (WooCommerce → Shopify) 
Sync WooCommerce orders to Shopify, including line items, customer details, order totals, taxes, and shipping info.
</li>
<li>
Order Sync (Shopify → WooCommerce) 
Bring Shopify orders into WooCommerce while keeping the original timestamps and order identifiers intact.
</li>
<li>
Customer Sync (WooCommerce → Shopify) 
Move customers from WooCommerce to Shopify with names, emails, phone numbers, addresses, and metadata.
</li>
<li>
Customer Sync (Shopify → WooCommerce) 
Import Shopify customers into WooCommerce to unify your audience across platforms.
</li>
<li>
Inventory Sync 
Automatically update stock levels across both platforms so you never oversell.
</li>
<li>
Variation & Attribute Support 
Handle complex products with multiple variants, sizes, colors, and custom attributes during sync.
</li>
<li>
Media Gallery Sync 
Move all product images, thumbnails, and galleries without duplicates or missing files.
</li>
<li>
SKU-Based Matching (PRO) 
Use SKUs to match existing items between WooCommerce and Shopify to prevent duplicates and ensure clean data.
</li>
<li>
Category & Collection Mapping (PRO) 
Map WooCommerce categories to Shopify collections for accurate product organization during sync.
</li>
<li>
Auto Field Mapping 
W2S automatically maps WooCommerce fields to Shopify fields, reducing manual configuration and eliminating sync mismatches.
</li>
<li>
Advanced Filtering System 
Filter data on both platforms by category, tag, stock status, or time range. Sync only what matters. Ideal for partial migrations, publishing updates, or staging setups.
</li>
<li>
Audit Log with CSV Export 
Track every sync action with detailed timestamps, success/failure status, error messages, and entity types. You can also export the complete audit trail as a chunked CSV for reporting or debugging.
</li>
<li>
Optimized for Large Stores 
W2S fully supports pagination for products, orders, and customers, enabling smooth sync for thousands of records without timeouts or memory issues.
</li>
<li>
Real-Time Sync or Continuous Use 
Choose between sync your entire store instantly or keeping both platforms synced continuously for multichannel selling.
</li>
<li>
Secure Local Authentication 
API credentials are stored safely inside your WordPress installation. No external servers or middle layers are used. Your data stays between your two stores only.
</li>
<li>
Easy Connect / Disconnect 
Connect any WooCommerce store with any Shopify store and reset connections whenever needed.
</li>
<li>
Unlimited Migration Volume 
Move unlimited products, orders, and customers, ideal for stores with large catalogs or high sales volume.
</li>
</ul>
<h3>Why Choose W2S Sync?</h3>
W2S is designed for store owners who want more than a simple import/export plugin. It’s built for real-world ecommerce workflows where accuracy, reliability, and automation matter. Instead of manually exporting CSV files, cleaning product data, or juggling multiple tools, W2S keeps WooCommerce and Shopify aligned with a single, automated sync engine. You get full control over what moves between platforms, how often it syncs, and what happens when data changes. W2S ensures your data stays in sync, updated, and error-free.
<h3>Who Is This Plugin For?</h3>
W2S is ideal for:
1. Store Owners Planning to Migrate 
If you’re preparing to convert WooCommerce to Shopify or switch from Shopify to WooCommerce, W2S simplifies the entire process. You can move products, customers, and orders with full accuracy.
2. Brands Running Both WooCommerce and Shopify 
Some businesses maintain a content-heavy WooCommerce website and a Shopify storefront. W2S keeps both platforms synchronized, perfect for omnichannel setups.
3. Agencies & Developers 
For teams managing multiple client stores, W2S streamlines migrations and eliminates repetitive manual syncing.
4. High-Volume Stores 
If you handle thousands of SKUs, frequent price changes, or large order volumes, W2S ensures data consistency using pagination, filtering, and real-time updates.
<h3>When Should You Use WooCommerce ↔ Shopify Sync?</h3>
Use W2S when you:
<ul>
<li>Want to export products from WooCommerce to Shopify without touching CSV files</li>
<li>Need a complete Shopify to WooCommerce migration</li>
<li>Are testing a Shopify store before switching from WooCommerce</li>
<li>Want to run Shopify as your main storefront but keep WooCommerce for content or custom functionality</li>
<li>Build a staging/production workflow between the two platforms</li>
<li>Need to sync only newly added products (such as “last 24 hours” updates)</li>
<li>Want to maintain stock accuracy across two active stores</li>
<li>Need a secure, automated way to keep orders, customers, and products </li>
<li>Want a plugin that supports ongoing sync, not just one-time imports</li>
</ul>
If you’re wondering things like “Should I move from WooCommerce to Shopify?” or “How do I transfer my Shopify store to WooCommerce?”, W2S makes testing, sync, and switching simple.
<h3>How W2S Helps With Store Migration</h3>
W2S supports both real-time sync and continuous sync, making it useful for all types of store transitions:
✔ Transfer Products 
Move titles, descriptions, pricing, variations, attributes, stock levels, categories, tags, barcodes, SKU, images, galleries, and more.
✔ Transfer Customers 
Transfer customer records, addresses, metadata, and purchase history.
✔ Transfer Orders 
Move orders with fees, shipping amounts, line items, taxes, and proper status mapping.
✔ Maintain Data Consistency During Migration 
You can run both stores side-by-side while you finalize your move. W2S keeps inventory, pricing, and customers aligned.
✔ Avoid Data Loss 
The audit log and fallback systems ensure issues are easy to identify and correct, preventing accidental overwrites or missing records.
<h3>Authentication – How to Connect Your Stores</h3>
To begin syncing, you need to securely connect your WooCommerce and Shopify stores by generating API credentials for both platforms:
<ul>
<li>WooCommerce: Generate Consumer Key and Secret from your WordPress admin.</li>
<li>Shopify: Create a private app to get your Admin API access token.</li>
</ul>
Follow the step-by-step guide here:    
<a href="https://www.smackcoders.com/documentation/woocommerce-to-shopify-integration/woocommerce-to-shopify-integration-authentication-setup?utm_source=wordpress_org&utm_medium=readme&utm_campaign=wc_to_shopify_plugin" rel="nofollow ugc">Authentication Setup Guide</a>
Once connected, visual indicators (Green, Yellow, Red) show the status of your authentication.
Note: The credentials are stored locally in your WordPress database and are only used to authenticate API requests to your own stores. The plugin does not send any data to third-party services other than the connected WooCommerce and Shopify stores.
How It Works:
<ol>
<li>Authentication – Connect your stores using the WooCommerce Consumer Key/Secret and Shopify Access Token. Visual indicators (green/yellow/red) guide you through connection status.</li>
<li>Configure Sync Settings – Define direction (Woo → SH, SH → Woo, or both), choose sync frequency, and select data types (Products, Orders, Customers) with permission controls (Create, Update, Delete).</li>
<li>Run & Monitor – Use the Mapping Section to verify field alignments and the Audit Log to review sync history and troubleshoot.</li>
</ol>
Whether you’re migrating your store or maintaining live synchronization, this plugin ensures reliability, transparency, and minimal manual effort. For more details refer <a href="https://www.smackcoders.com/documentation/woocommerce-to-shopify-integration/woocommerce-to-shopify-integration-plugin?utm_source=wordpress_org&utm_medium=readme&utm_campaign=wc_to_shopify_plugin" rel="nofollow ugc">Woo to Shopify Documentation here</a>.
<h3>Pro Features (W2S Pro Add-On)</h3>
Unlock powerful advanced features for high-volume stores and complete migration workflows.
<ul>
<li>
Bidirectional Category Sync 
Categories and collections sync in both directions with fully preserved parent/child hierarchy and category images.
</li>
<li>
Bulk Migration with Filters 
Filter by category, tags, product status, user roles, order status, or stock status before running a migration.
</li>
<li>
Background Sync Processing 
Run heavy sync jobs in the background without affecting site performance.
</li>
<li>
Priority Support 
Get fast, expert support with higher response priority for premium users.
</li>
</ul>
Check out our <a href="https://www.smackcoders.com/woocommerce-to-shopify-sync.html?utm_source=wordpress_org&utm_medium=readme&utm_campaign=wc_to_shopify_plugin" rel="nofollow ugc">WooCommerce to Shopify Pro and other plugins here</a>.
<h3>External Services</h3>
This plugin connects to the following external services to perform store synchronization between WooCommerce and Shopify:
<ol>
<li>
WooCommerce REST API    
      – What: Transfers product data, orders, customer records, and store metadata.    
      – When: During manual syncs or scheduled syncs as configured by the user.    
      – Why: To import or export store data from WooCommerce based on sync settings.    
      – Where: WooCommerce site domain (local site where the plugin is installed).
</li>
<li>
Shopify Admin API (myshopify.com)    
      – What: Sends and receives data such as product details, orders, customers, and store configuration.    
      – When: When the user initiates a sync manually or via a scheduled job (hourly, daily, etc.).    
      – Why: To push WooCommerce data to Shopify or fetch Shopify data into WooCommerce.    
      – Where: The user-provided Shopify store domain (e.g., <code>yourstore.myshopify.com</code>).    
      – Terms of Service: https://www.shopify.com/legal/terms    
      – Privacy Policy: https://www.shopify.com/legal/privacy
</li>
</ol>

W2S Sync – WooCommerce to Shopify Sync

Sync WooCommerce and Shopify products, orders, and customers with real-time and bidirectional sync with our WooCommerce to Shopify Sync Plugin.

Products Showcase – Shopify Integration vs W2S Sync – WooCommerce to Shopify Sync