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.

Dashify

<p>Dashify brings a modern design and UI to the WooCommerce admin. Manage, search, and navigate orders faster.</p>
<p>Just activate Dashify, and you’re all set! Your existing WordPress admin turns into a beautiful, ecommerce-focused admin panel. No configuration necessary.</p>
<h3>Features</h3>
<p>Dashify doesn’t just give a fresh look to the WooCommerce admin—it also adds new functionality, marked with a star ⭐ below!</p>
<h4>WooCommerce-focused admin menu</h4>
<ul>
<li>Clear separation of WooCommerce from other WordPress menu items.</li>
<li>“Orders” and other WooCommerce submenu items are moved to the main admin menu, making them easier to find.</li>
<li>The navigation gets a modern style inspired by other popular apps (Shopify, Notion, Stripe).</li>
<li>Compatible with Admin Menu Editor.</li>
<li>If a plugin adds a menu item, you’ll find it in Dashify’s navigation too.</li>
<li>Doesn’t suit your store? You can turn it off without affecting the rest of Dashify.</li>
</ul>
<h4>⭐ Order trend graphs</h4>
<ul>
<li>See trends with a graph of total, refunded, and completed orders above the order list.</li>
<li>For WooCommerce Subscriptions, see subscription revenue, the number of new subscriptions, and the number of cancelled subscriptions.</li>
<li>Choose between Today, Last 24 hours, 7 and 30 day time periods.</li>
</ul>
<h4>Order list</h4>
<ul>
<li>Order status filters are big and easy to click.</li>
<li>Bulk actions appear only when at least one item is selected, and they are sticky as you scroll the order list.</li>
<li>The search bar and filters are grouped together, only visible when in use, and can be opened with the “F” keyboard shortcut.</li>
<li>Filters can be cleared all at once, or one at a time.</li>
<li>Table is fully responsive to screen size and works well on mobile devices.</li>
</ul>
<h4>Order view/edit</h4>
<ul>
<li>Switching from Shopify to WooCommerce? Manage orders in a <strong>Shopify-like UI</strong>.</li>
<li>⭐ <strong>Next and previous order buttons</strong> with keyboard shortcuts.</li>
<li>⭐ <strong>Jump to orders of the same status.</strong> Based on the order status selected in the order list, after clicking into an order, the next and previous buttons will go to the next or previous order of the same status.</li>
<li>⭐ Date and time formatted according to region.</li>
<li>⭐ Back button to get back to the order list.</li>
<li>Order number, status, and date are moved to the top for visibility.</li>
<li>Action and update buttons are grouped together at the top.</li>
<li>Order notes become a Timeline.</li>
<li>Timeline text box automatically expands as you type more.</li>
</ul>
<h3>Dashify Pro</h3>
<p><a href="https://getdashify.com/#pro" rel="nofollow ugc">Dashify Pro</a> brings even more improvements to the WooCommerce admin.</p>
<ul>
<li><strong>Get the Dashify theme on more WooCommerce pages.</strong> With Dashify Pro, the <strong>product list</strong> and <strong>WooCommerce settings</strong> are also styled. More pages coming soon! <a href="https://getdashify.com/roadmap/" rel="nofollow ugc">Check out the roadmap for details</a>.</li>
<li>⭐ <strong>Find orders quickly with global search.</strong> Dashify Pro adds a “Search orders” button to the WordPress admin toolbar, allowing you to find an order by ID, customer name, email, phone, or product SKU within an order. This AJAX search is faster because it doesn’t require a full page reload, unlike the standard WooCommerce order search. It also shows recent orders so you can jump to those quickly.</li>
<li>⭐ <strong>Hide specific custom fields in orders and subscriptions.</strong> You can mark custom fields as hidden, and then they won’t show in any order or subscription edit view.</li>
<li>⭐ <strong>Sort order line items by SKU.</strong> When packing orders with many items, this helps you find items faster if they’re also sorted by SKU in your warehouse or fulfillment center.</li>
<li>⭐ <strong>Sort order line items by product menu order.</strong> The items in a customer’s order can be sorted the same as they appear in the admin product list “Sorting” view and on the Shop page.</li>
</ul>
<p><a href="https://getdashify.com/#pro" rel="nofollow ugc">Screenshots</a> / <a href="https://getdashify.com/#pricing" rel="nofollow ugc">Pricing</a></p>
<h3>Compatibility</h3>
<p>Dashify should work with most plugins for the WooCommerce admin.</p>
<p>Here are the plugins we’ve extensively tested and designed Dashify to be compatible with:</p>
<ul>
<li>WooCommerce Subscriptions</li>
<li>Admin Menu Editor — Janis Elsts</li>
<li>PDF Invoices & Packing Slips for WooCommerce — WP Overnight</li>
<li>WooCommerce PDF Invoices, Packing Slips, Delivery Notes and Shipping Labels — WebToffee</li>
<li>Payment Plugins for Stripe WooCommerce — Payment Plugins</li>
<li>RD Order Modifier for WooCommerce — Robot Dwarf</li>
<li>Order Tags — 99w</li>
<li>PW WooCommerce Gift Cards — Pimwick, LLC</li>
<li>Smash Balloon Social Photo Feed — Smash Balloon</li>
<li>FiboSearch — FiboSearch Team</li>
<li>Ultimate Dashboard — David Vongries</li>
</ul>
<p>If you find a plugin that’s not compatible, leave a message in the <a href="https://wordpress.org/support/plugin/dashify/" rel="ugc">WordPress.org support forum</a> or contact us through the <a href="https://forms.gle/pRezSbdUcZmvZdX27" rel="nofollow ugc">Dashify Help Desk</a>, and we’ll gladly add compatibility for it.</p>
<p>You can turn Dashify on and off quickly through the WordPress screen options in case you have occasional plugins or workflows not currently supported by Dashify.</p>
<h3>Troubleshooting</h3>
<ul>
<li>If the order edit layout doesn’t look right, whether Dashify is on or off, turning it on/off again through the screen options will reset the layout.</li>
</ul>


Dashify: WooCommerce admin dashboard theme

A modern design and UI for the WooCommerce admin. Manage, search, and navigate orders faster. Make the WordPress admin dashboard ecommerce-focused.

Products Showcase – Shopify Integration vs Dashify: WooCommerce admin dashboard theme