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.

Freemius

Ashish

jhalendra

ashish

<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/s4LmfusaCCk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>If you are a store owner and wish to move over to WordPress for the flexibility and advanced features that WordPress platform provides, WSW plugin is just the tool that is needed.</p>
<p>By simply adding the necessary API keys, you can start importing products to your WordPress website with just a click of a button. The process and steps to acquire keys are provided in the documentation.</p>
<p>Products can be imported all at once or one at a time individually. Additionally, categories and tags can also be imported and they will be converted into WooCommerce categories and tags. Option is available to set the products imported to Pending, Draft, or publish it directly. Furthermore, product variation info too will be imported.</p>
<p><a href="http://momothemes.com/documentationwsw" title="Documentation" rel="nofollow ugc">Documentation</a></p>
<h3>API Settings:</h3>
<p>WSW plugin uses API to connect the platforms. It is important that all steps for generating keys and other necessary permissions are executed correctly so that all plugin functions work as expected. If the configurations are not done as necessary, it will cause respective features to not work correctly.</p>
<p>Check this link about <a href="http://momothemes.com/documentationwsw/#line10" title=" " rel="nofollow ugc"> Integration</a>.<br />
Watch this video about <a href="http://momothemes.com/documentationwsw/#line11" title=" " rel="nofollow ugc"> Migration</a></p>
<h3>Watch the video to learn how to generate the necessary API keys and the API version</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/iV3u1pusnvA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>FEATURES:</h3>
<ul>
<li>Easy Shopify WordPress WooCommerce Integration through API</li>
<li>Product imports</li>
<li>Import products all at once</li>
<li>Import product one at a time with product ID</li>
<li>Automatically convert imported products into WooCommerce products</li>
<li>Import product variations</li>
<li>Pull products by batch ( 50, 100, 200 )</li>
<li>Import categories & tags</li>
<li>Ignore already imported products when running imports again</li>
<li>Assign status of imported products to Pending, Drafts, Publish</li>
<li>WooCommerce to Facebook transfer</li>
<li>Well documented</li>
<li>Fast support</li>
<li>Regular Updates</li>
</ul>
<h3>Pro Features</h3>
<ul>
<li><strong>Multi-channel integration</strong></li>
<li><strong>eBay WordPress Integration</strong></li>
<li><strong>Shopify WordPress Integration</strong></li>
<li><strong>Google Shopping Integration</strong></li>
<li><strong>Order status sync with tracking.: Essential for print on demand business</strong></li>
<li><strong>Shopify WooCommerce API Integration</strong></li>
<li><strong>WooCommerce to Shopify Migration</strong></li>
<li><strong>– Orders:</strong>  Customer name, item name, total amount, discount, tax, shipping, status</li>
<li><strong>  – Customers:</strong> Customer name, customer email, phone number, amount spent, status</li>
<li><strong>  – Discounts:</strong> Discount code, discount, type, discount value</li>
<li><strong>  – Store Info:</strong> Store ID, shop name, domain, email, address, city,number, zipcode, timezone, country, currency,</li>
<li><strong>  – Shipping Zone:</strong> Country, Tax, Weight based shipping rates info, price based shipping rates info</li>
<li><strong>  – Pages:</strong> Page title, author, page content, published date, status</li>
<li><strong>  – Blogs:</strong> Blog title, author, blog content, created date</li>
<li><strong>WooCommerce to Shopify</strong></li>
<li><strong>WooCommerce to Facebook</strong></li>
</ul>


WSW – Shopify WooCommerce / WordPress Integration and Migration

It links and imports products,categories,tags from Shopify and converts them into WooCommerce items automatically with the same metadata.

Products Showcase – Shopify Integration vs WSW – Shopify WooCommerce / WordPress Integration and Migration