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>
<p><strong>Not using the block editor?</strong> Use the <code>[products_showcase]</code> shortcode in the Classic editor, text widgets, or page builders:</p>
<pre><code>[products_showcase collection="123456789"]
[products_showcase products="111,222,333" title="Featured"]
</code></pre>
<p>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.</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!


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.

Syed Balkhi

Andrei Surdu

<p>Easily transfer your Shopify Store to WooCommerce by using a tool that is 100% free.</p>
<h3>How to use it:</h3>
<ol>
<li>Go to <a href="https://shopifytowp.com" rel="friend nofollow ugc">shopifytowp.com</a>.</li>
<li>On this website you’ll find a form where you must enter your Shopify store URL and a valid email.</li>
<li>After submitting the form, you’ll be asked to install our Shopify App into your store.</li>
<li>Once the application is installed, you can submit a request to export the products, orders and customers.</li>
<li>An email, containing the download URL, will be sent to you when it’s done. Follow it to get the store data in a ZIP archive.</li>
<li>Go to WordPress dashboard -> Tools -> Shopify Importer.</li>
<li>Select the Zip archive in the upload field and press “Upload”. Once the upload is done, you’ll be redirected to the next step where you can see the products list.</li>
<li>Press “Start Import” and wait for the process to finish.</li>
<li>Done.</li>
</ol>
<h4>Credits</h4>
<p>Import Shopify To WP is created by the <a href="https://www.wpbeginner.com/" rel="friend nofollow ugc">WPBeginner</a> team.</p>
<h4>What’s Next?</h4>
<p>To learn more about WordPress, you can visit <a href="https://www.wpbeginner.com/" rel="friend nofollow ugc">WPBeginner</a> for tutorials on topics like:</p>
<ul>
<li><a href="http://www.wpbeginner.com/wordpress-performance-speed/" title="Ultimate Guide to WordPress Speed and Performance" rel="friend nofollow ugc">WordPress Speed and Performance</a></li>
<li><a href="http://www.wpbeginner.com/wordpress-security/" title="Ultimate WordPress Security Guide" rel="friend nofollow ugc">WordPress Security</a></li>
<li><a href="http://www.wpbeginner.com/wordpress-seo/" title="Ultimate WordPress SEO Guide for Beginners" rel="friend nofollow ugc">WordPress SEO</a></li>
</ul>
<p>…and many more <a href="http://www.wpbeginner.com/category/wp-tutorials/" title="WordPress Tutorials" rel="friend nofollow ugc">WordPress tutorials</a>.</p>
<p>If you like our Import Shopify To WP plugin, then consider checking out our other projects:</p>
<ul>
<li><a href="https://optinmonster.com/" rel="friend nofollow ugc">OptinMonster</a> – Get More Email Subscribers with the most popular conversion optimization plugin for WordPress.</li>
<li><a href="https://wpforms.com/" rel="friend nofollow ugc">WPForms</a> – #1 drag & drop online form builder for WordPress (trusted by 4 million sites).</li>
<li><a href="https://www.monsterinsights.com/" rel="friend nofollow ugc">MonsterInsights</a> – See the Stats that Matter and Grow Your Business with Confidence. Best Google Analytics Plugin for WordPress.</li>
<li><a href="https://www.seedprod.com/" rel="friend nofollow ugc">SeedProd</a> – Create beautiful landing pages with our powerful drag & drop landing page builder.</li>
<li><a href="https://wpmailsmtp.com/" rel="friend nofollow ugc">WP Mail SMTP</a> – Improve email deliverability for your contact form with the most popular SMTP plugin for WordPress.</li>
<li><a href="https://rafflepress.com/" rel="friend nofollow ugc">RafflePress</a> – Best WordPress giveaway and contest plugin to grow traffic and social followers.</li>
<li><a href="https://www.smashballoon.com/" rel="friend nofollow ugc">Smash Balloon</a> – #1 social feeds plugin for WordPress – display social media content in WordPress without code.</li>
<li><a href="https://aioseo.com/" rel="friend nofollow ugc">AIOSEO</a> – the original WordPress SEO plugin to help you rank higher in search results (trusted by over 2 million sites).</li>
<li><a href="https://www.pushengage.com/" rel="friend nofollow ugc">PushEngage</a> – Connect with visitors after they leave your website with the leading web push notification plugin.</li>
<li><a href="https://trustpulse.com/" rel="friend nofollow ugc">TrustPulse</a> – Add real-time social proof notifications to boost your store conversions by up to 15%.</li>
</ul>
<p>Visit <a href="http://www.wpbeginner.com/" rel="friend nofollow ugc">WPBeginner</a> to learn from our <a href="http://www.wpbeginner.com/category/wp-tutorials/" rel="friend nofollow ugc">WordPress Tutorials</a> and find out about other <a href="http://www.wpbeginner.com/category/plugins/" rel="friend nofollow ugc">best WordPress plugins</a>.</p>


Import Shopify To WP

Easily transfer your Shopify Store to WooCommerce

Products Showcase – Shopify Integration vs Import Shopify To WP