Hossein Karami

<p>Display your Shopify products on WordPress with beautiful, responsive carousels. Built as a native Gutenberg block with OAuth authentication for easy setup.</p>
<h4>Features</h4>
<ul>
<li><strong>Native Gutenberg Block</strong> – Built with React, zero external dependencies</li>
<li><strong>Beautiful Carousels</strong> – Touch-friendly product carousels powered by Embla Carousel</li>
<li><strong>Smart Product Display</strong> – Show individual products or entire collections</li>
<li><strong>Color Swatches</strong> – Visual product color options with hover effects</li>
<li><strong>Fully Responsive</strong> – Optimized for all screen sizes and devices</li>
<li><strong>Performance Optimized</strong> – Smart caching and lazy loading</li>
<li><strong>Live Search</strong> – Real-time product/collection search in block editor</li>
<li><strong>Stock Filtering</strong> – Automatically hides out-of-stock items</li>
<li><strong>OAuth Authentication</strong> – 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>
<p>This plugin connects to the <strong>Shopify Admin API</strong> to fetch your product data.</p>
<p><strong>Service Provider</strong>: Shopify Inc.<br />
<strong>Data Transmitted</strong>: Store URL, OAuth credentials (one-time), and product queries<br />
<strong>When</strong>: During setup, when searching products in editor, and when displaying products (cached for 1 hour)</p>
<p><strong>Privacy</strong>: No visitor data is sent to Shopify. All API calls are server-side. Product data is cached locally.</p>
<p><strong>Shopify Legal</strong>:<br />
* <a href="https://www.shopify.com/legal/terms" rel="nofollow ugc">Terms of Service</a><br />
* <a href="https://www.shopify.com/legal/privacy" rel="nofollow ugc">Privacy Policy</a><br />
* <a href="https://www.shopify.com/legal/api-terms" rel="nofollow ugc">API Terms</a></p>
<h3>Configuration</h3>
<h4>Easy OAuth Setup</h4>
<ol>
<li>Navigate to <strong>Shopify Products</strong> in WordPress admin</li>
<li>Enter your <strong>Shopify Store URL</strong> (e.g., <code>your-store.myshopify.com</code>)</li>
<li>Paste your <strong>Client ID</strong> from Shopify</li>
<li>Paste your <strong>Client Secret</strong> from Shopify</li>
<li>Click <strong>“Connect to Shopify”</strong></li>
<li>You’ll be redirected to Shopify to authorize the connection</li>
<li>After authorizing, you’re automatically redirected back – done!</li>
</ol>
<p>The plugin automatically obtains the access token via secure OAuth and detects the latest Shopify API version.</p>
<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 <strong>Products Mode</strong> (select individual products) or <strong>Collection Mode</strong> (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>
<p>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.</p>
<h3>Customization</h3>
<p>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>.</p>
<h3>Troubleshooting</h3>
<h4>Products Not Showing</h4>
<ol>
<li>Check API credentials in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> 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>
<p>For detailed troubleshooting, see our <a href="https://github.com/HosseinKarami/products-showcase#-troubleshooting" rel="nofollow ugc">GitHub documentation</a>.</p>
<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>
<p>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.</p>


Products Showcase – Shopify Integration


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


Great plugin!


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.

Plugin Devs

<p>Shopify to WooCommerce Migration plugin will migrate all of your shopify product and categories to your WooCommerce Store. You have need to create a private app on your shopify store, allow required access and copy the store url, API Key, API Password and paste those credenstials into your <strong>“WordPress Admin > Shopify to WC > General Settings”</strong></p>
<blockquote>
<p><strong><a href="https://plugin-devs.com/product/shopify-to-woocommerce-migration/" rel="nofollow ugc">Upgrade to Pro!</a></strong></p>
</blockquote>
<h3>Features</h3>
<ul>
<li><strong>Import Shopify Product: </strong> You can import all of your products from your Shopify Store to your WooCommerce store Easily as <strong>Simple</strong> or <strong>Variable</strong>. It will automatically detect the Product Type and import as <strong>Simple</strong> or <strong>Variable</strong> Product to your WooCommerce Store</li>
<li><strong>Import Shopify Product Images: </strong> You can Choose if you want to import your Product Images. <strong>Shopify to WooCommerce Migration </strong> plugin lets you import your products with product Images too. <strong>Shopify to WooCommerce Migration</strong> plugin will import all of the <strong>Gallery and Featured Images</strong> for your products.</li>
<li><strong>Import Shopify Categories: </strong> Shopify to WooCommerce Migration plugin will give you option to Import your <strong>Shopify Categories into WooCommerce Store</strong> and assign those categories automatically to their releavent products. You do not need to do assign products to imported categories after the Migration. <strong>Shopify to WooCommerce Migration</strong> plugin will do this automatically on behalf of you</li>
<li><strong>Import Shopify Categories Images: </strong> You can also Import your Shopify <strong>Category Images </strong> to WooCommerce Store</li>
<li><strong>Real time Import Logs: </strong> You can see the Migration Process on Real time. <strong>Shopify to WooCommerce Migration</strong> will Display the Progress of the Migratin on realtime so that you can see what is happening under the hood.</li>
</ul>
<blockquote>
<p><strong><a href="https://plugin-devs.com/product/shopify-to-woocommerce-migration/" rel="nofollow ugc">Upgrade to Pro!</a></strong></p>
</blockquote>
<p>There is also a pro version of this plugin. You will get more features and advantages on the pro version.</p>
<h3>Pro Features</h3>
<blockquote>
<p><strong><a href="https://plugin-devs.com/product/shopify-to-woocommerce-migration/" rel="nofollow ugc">Upgrade to Pro!</a></strong></p>
</blockquote>
<ul>
<li><strong>All Free Features</strong></li>
<li><strong>IMPORT by CATEGORY:</strong> You can import products from specified Shopify Collection ID.</li>
<li><strong>ORDERS:</strong> Payment method, shipping method, first name, last name, company, country, address, zip, city, province, phone, total, subtotal, tax, discount, shipping cost, currency, date create, browser IP, customer user agent, line items, discount code, order number, order fulfillment etc.</li>
<li>Update existing Orders</li>
<li><strong>CUSTOMERS:</strong> Import customers per ajax request, first name, last name, phone, company, address, city, province, zip, country etc.</li>
<li><strong>PREMIUM & PRIORITY SUPPORT</strong></li>
</ul>
<blockquote>
<p><strong><a href="https://plugin-devs.com/product/shopify-to-woocommerce-migration/" rel="nofollow ugc">Upgrade to Pro!</a></strong></p>
<p><strong>More Features are Coming Soon</strong></p>
</blockquote>
<p>** We welcome your feedback and new feature requests to improve the plugin! Please contact with us at <a href='mailto:webbuilders03@gmail.com' rel="nofollow ugc"><strong>webbuilders03@gmail.com</strong></a> for new <strong>Feature Requests</strong>**</p>


SWM – Shopify to WooCommerce Migration

Shopify to WooCommerce Migration plugin will migrate all of your shopify product and categories to your WooCommerce Store.

Products Showcase – Shopify Integration vs SWM – Shopify to WooCommerce Migration