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.

Clifton Griffin

Kestrel

<p><strong>Checkout Optimization for WooCommerce – Why replace your WooCommerce Checkout?</strong></p>
<p>Stop losing sales to WooCommerce’s clunky default checkout. CheckoutWC gives you a modern, Shopify-style checkout proven to boost conversions 20-35% based on real customer reports. With express payments (Apple Pay, Google Pay, PayPal), address autocomplete, instant validation, and mobile-first design</p>
<p><strong>The best Shopify features with the best of WooCommerce ✅</strong></p>
<p>Which do you think is easier: doubling your traffic or doubling your conversion rate from 1% to 2%? 🤔</p>
<p>The answer is probably obvious: it’s much easier and less expensive to fix a leaky checkout page than it is to double the number of people who visit your site. Lead generation is expensive!</p>
<h3>Highlights</h3>
<ul>
<li>Beautiful <strong>multi-step</strong> checkout that guide customers smoothly through your store</li>
<li><strong>Express checkout</strong>: Apple Pay, Google Pay, PayPal – one-click checkout with supported gateways</li>
<li><strong>Mobile-first design</strong> that looks great on any device</li>
<li><strong>Smart validation & autocomplete</strong> (ZIP/postal <span aria-hidden="true" class="wp-exclude-emoji">→</span> city/state, email domain suggestions)</li>
<li><strong>Cart & shipping optimizations</strong><strong>:  only ask customers for the information you need, whether you’re selling digital goods, subscriptions, or regular shipped products</strong></li>
<li><strong>Customer conveniences</strong>: existing user detection, clear totals, sensible billing address controls</li>
<li><strong>Theme & gateway compatibility</strong>: works with popular WooCommerce themes and payment providers</li>
</ul>
<p>CheckoutWC provides a modern, <strong>conversion-focused WooCommerce checkout</strong> that’s 100% responsive and easy to tailor to your site, no more page builders or funnel hacks required.<br />
Here are the major benefits of optimizing your WooCommerce checkout with CheckoutWC:</p>
<p><strong>Conversion-Optimized WooCommerce Checkout Template</strong></p>
<p>Replace the default WooCommerce checkout with a beautiful multi-step template inspired by Shopify and built for higher conversions. Instead of a clunky, one-size-fits-all checkout that causes cart abandonment, you get a modern flow that guides customers through each step with clarity. Our merchants consistently see higher conversion rates simply by switching to CheckoutWC.</p>
<p><strong>Express Checkout Options</strong></p>
<p>Support for Apple Pay, Google Pay, and PayPal gateways gives you a true express checkout experience. Customers can skip the form and complete their order in seconds, which dramatically reduces cart abandonment and improves mobile checkout performance. Express checkout is one of the easiest ways to increase revenue without changing your products or traffic.</p>
<p><strong>Mobile-Friendly & One Page Checkout Ready</strong></p>
<p>Every CheckoutWC template is 100% responsive and optimized for phones, tablets, and desktops. Whether you prefer a multi-step WooCommerce checkout or a single one page checkout flow, CheckoutWC makes it easy to give customers a faster, smoother experience on every device.</p>
<p><strong>Smart Field Handling with Address Autocomplete</strong></p>
<p>Stop losing sales to slow, error-prone forms. CheckoutWC includes instant field validation, email domain suggestions, and address autocomplete (zip <span aria-hidden="true" class="wp-exclude-emoji">→</span> city/state). These features save time, reduce mistakes, and make the WooCommerce checkout process feel polished.</p>
<p><strong>Cart & Shipping Optimizations</strong></p>
<p>Fight cart abandonment with built-in checkout optimizations: skip the cart page entirely, skip shipping fields when not needed, hide optional fields, and collapse extra inputs. CheckoutWC Lite also makes sure sale prices and totals are displayed clearly, which increases trust and helps customers complete their purchase.</p>
<p><strong>Customer-Friendly Experience Improvements</strong></p>
<p>Detect existing users by email, simplify billing address handling, show mobile cart totals above the place order button, and make free orders frictionless by hiding unnecessary billing fields. These small touches create a checkout that feels intuitive and professional, which keeps customers coming back.</p>
<p><strong>Works With Every Theme & Payment Gateway</strong></p>
<p>CheckoutWC Lite is designed for broad compatibility. It works with all WooCommerce themes, all payment gateways, and popular extensions out of the box. No matter how your store is set up, CheckoutWC makes sure your WooCommerce checkout just works.</p>
<p><strong>Developer-Friendly Tools</strong></p>
<p>Need more control? CheckoutWC Lite includes options to add header and footer scripts or extend functionality with PHP snippets. Developers can easily customize the WooCommerce checkout experience without fighting against page builders or messy templates. Do what the WooCommerce block checkout won’t let you!</p>
<h3>Integrations</h3>
<p>CheckoutWC works with major WooCommerce extensions including Subscriptions, Memberships, and Constellation by Kestrel.</p>
<p>It also integrates seamlessly with popular payment gateways (Stripe, PayPal, Square, Authorize.net) and shipping plugins.</p>
<h3>Want even more? CheckoutWC Pro unlocks…</h3>
<h3>CheckoutWC Pro Features</h3>
<p><strong>Premium Checkout Templates</strong></p>
<p>Unlock Shopify-style one-page and multi-step WooCommerce checkout layouts like Glass, Futurist,, and Midas. All templates are mobile-optimized, lightweight, and built for higher conversion rates. Features include inline field editing, persistent carts across sessions, user matching for returning customers, and a smoother checkout flow than default WooCommerce or blocks.</p>
<p><strong>Conversion Optimizations</strong></p>
<p>Pro adds proven WooCommerce checkout enhancements that reduce cart abandonment: trust badges, smarter coupon handling, collapsible order review and cart summaries, inline validation, email domain autocomplete, and address autocomplete (Google Maps/Fetchify). Express checkout gateway support for Apple Pay, Google Pay, PayPal, and Amazon Pay lets customers complete orders in seconds.</p>
<p><strong>Side Cart for WooCommerce</strong></p>
<p>Give your customers a faster, more seamless shopping experience with a modern, AJAX-powered WooCommerce Side Cart. Instead of forcing shoppers to reload pages or visit the cart separately, you can show live cart contents, quantities, totals, and shipping progress without interrupting the browsing flow. The side cart supports coupon entry, product variations, and inline quantity edits. You can also display free shipping goals and order bumps on the cart to increase your average order value.</p>
<p><strong>Order Bumps & Upsells</strong></p>
<p>Boost your average order value with native WooCommerce order bumps and upsells. Rule-based targeting by product, category, cart total, or coupon. Multiple placement options (above payment, below totals, inside the side cart), flexible layouts and skins, and support for variable products. Add post-purchase upsells and downsells with after-checkout modal offers or suggested product carousels.</p>
<p><strong>Abandoned Cart Recovery</strong></p>
<p>Recover lost sales automatically with built-in WooCommerce abandoned cart recovery. CheckoutWC captures customer emails early in the checkout process, allowing you to send automated reminders to shoppers who abandon their carts. Send personalized follow-ups with discounts, offers, or gentle nudges to complete the purchase. Simple to set up and proven to win back sales you thought were gone.</p>
<p><strong>Compatibility & Developer Tools</strong></p>
<p>CheckoutWC Pro works with WooCommerce Subscriptions, Memberships, Constellation by Kestrel, physical, digital, and mixed carts, plus local pickup and delivery flows. Translation-ready with multi-currency, RTL, and WCAG 2.0 AA accessibility compliance. Track your checkout funnel with Google Analytics 4, Facebook Pixel, TikTok, and built-in hooks. Developers get a visual action hooks guide, safe template overrides, and a full snippet library. Lightweight, secure, and compatible with 99%+ of WooCommerce themes, payment gateways, and shipping providers.</p>
<h3>Who Uses CheckoutWC?</h3>
<p><strong>CheckoutWC is built for any WooCommerce store that wants higher conversions and fewer abandoned carts.</strong></p>
<p>Whether you sell physical products, digital downloads, or subscriptions, it gives you a faster, modern, conversion-optimized checkout that works with every WooCommerce theme and gateway.</p>
<h3>Perfect for:</h3>
<ul>
<li><strong>Store owners</strong> who want a Shopify-style WooCommerce checkout that looks professional and builds trust</li>
<li><strong>Agencies & freelancers</strong> managing multiple client stores at scale</li>
<li><strong>Course creators & membership sites</strong> using WooCommerce Subscriptions, WooCommerce Memberships, or Constellation</li>
<li><strong>Subscription & dropshipping businesses</strong> needing fast, mobile-friendly checkout flows</li>
<li><strong>Digital product sellers</strong> who want fewer failed orders and smoother repeat purchases</li>
<li><strong>Local businesses & pickup / delivery shops</strong> needing clear shipping and pickup options.</li>
</ul>
<p>If you sell with <strong>WooCommerce</strong>, CheckoutWC works for you. No extra setup or ecosystem changes required.</p>
<h3>How to Improve Your WooCommerce Checkout Conversion Rate</h3>
<p>Improving your WooCommerce checkout conversion rate starts with removing friction. Every extra field, confusing label, or slow-loading element creates hesitation, and hesitation kills sales.</p>
<p><strong>CheckoutWC fixes this by replacing that one-page wall of fields with a guided, conversion-optimized flow.</strong> Customers move step-by-step through the process: first contact info, then shipping, then payment. Each section feels short and achievable, reducing anxiety and form fatigue. On mobile, this makes a dramatic difference—buyers see only what’s relevant at each stage and can complete a purchase with one thumb.</p>
<p>Express checkout options like Apple Pay, Google Pay, and PayPal eliminate typing altogether, while address autocomplete and instant validation prevent common form errors that cause failed orders. Built-in optimizations such as skipping unnecessary steps (like shipping on digital orders) and showing clear order totals reduce uncertainty, which builds trust and confidence.</p>
<p>In short, CheckoutWC transforms WooCommerce from a functional checkout into a <strong>sales engine</strong>—a checkout experience designed to convert visitors instead of losing them. When you remove friction and make the path to payment effortless, every bit of your marketing traffic becomes more valuable.</p>
<h3>External services</h3>
<p>CheckoutWC optionally connects to the Google Fonts API to load web fonts for your checkout template.</p>
<ul>
<li>A request is sent to Google Fonts when you open <strong>CheckoutWC <span aria-hidden="true" class="wp-exclude-emoji">→</span> Appearance <span aria-hidden="true" class="wp-exclude-emoji">→</span> Design</strong> (to fetch available font options).</li>
<li>On the checkout page, a request is only made if you’ve actively selected a Google font.</li>
</ul>
<p>If you do not choose a Google font, <strong>no calls are made to Google</strong>. This service is provided by Google: Terms of Use, Privacy Policy.</p>
<p>This service is provided by Google: <a href="https://policies.google.com/terms" rel="nofollow ugc">terms of use</a>, <a href="https://policies.google.com/privacy" rel="nofollow ugc">privacy policy</a>.</p>
<h3>Why choose CheckoutWC by Kestrel?</h3>
<p><strong>CheckoutWC began inside a WooCommerce agency</strong> frustrated by the limitations of the default checkout. Every project meant wrestling with hooks, custom code, or expensive third-party plugins that never felt native to WordPress.</p>
<p>We built CheckoutWC as a <strong>purpose-made WooCommerce checkout plugin</strong> that combines the speed and clarity of Shopify’s checkout with the flexibility of WordPress. No complicated setup. No locked-down SaaS pricing. Just a drop-in upgrade that works with your store today.</p>
<p>Now, <strong>thousands of WooCommerce stores</strong> use CheckoutWC to reduce cart abandonment and improve conversions. It’s fast, intuitive, and built with store owners and agencies in mind.</p>
<p><strong>A better WooCommerce checkout — fast, lightweight, and built to convert.</strong></p>
<h3>Troubleshooting Common Issues</h3>
<p>Having trouble with your <strong>WooCommerce checkout</strong>? Most <strong>CheckoutWC issues</strong> can be fixed quickly with these steps:</p>
<h4>Checkout page not loading or showing errors</h4>
<p>If your checkout page isn’t loading properly, first update all your plugins to their latest versions. Many issues are resolved in updates. Next, check for plugin conflicts by deactivating all plugins except WooCommerce, CheckoutWC, your payment gateway, and shipping methods. If this fixes the problem, reactivate plugins one at a time to identify the conflict.</p>
<h4>Express payment buttons not showing</h4>
<p>Verify your payment gateway is configured with valid API keys and has express payments enabled in its settings. Remember that Apple Pay only appears on Safari or Apple devices, and Google Pay only shows on Chrome and Android devices. Check your browser’s developer console (F12) for JavaScript errors that might prevent buttons from loading. Ensure you’re using a compatible gateway like Stripe, Square, or PayPal Commerce Platform.</p>
<h4>Error: “Account username is a required field”</h4>
<p>This means WooCommerce is not configured to automatically generate usernames. Go to WooCommerce <span aria-hidden="true" class="wp-exclude-emoji">→</span> Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Accounts & Privacy and enable the option to automatically generate usernames from customer emails</p>
<h4>Error: “We were unable to process your order, please try again”</h4>
<p>This indicates WooCommerce cannot verify checkout submits. Update WooCommerce to the latest version (requires WooCommerce 3.4 or higher). Clear your site cache after updating.</p>
<h4>Checkout page styling looks broken</h4>
<p>Clear your site cache and browser cache first. Check for JavaScript errors in your browser console (F12). If you’re using a theme like Divi, Astra Pro, or Avada, there may be conflicting checkout styles. Try temporarily switching to a default WordPress theme (like Twenty Twenty-Four or Storefront) to confirm it’s a theme conflict. Contact support with your theme name for specific compatibility guidance.</p>
<h4>Address autocomplete not working</h4>
<p>CheckoutWC Lite includes ZIP/postal code autocomplete that fills city and state automatically. This requires valid postal code data for your country. For Google Maps address autocomplete (predictive search as you type), you need CheckoutWC Pro with a valid Google Maps API key configured. If you’re seeing “Google Maps error” messages on your checkout, check your browser console for API key errors and verify your API key is configured correctly with the Places API enabled.</p>
<h4>Changes to settings not appearing on checkout</h4>
<p>After changing CheckoutWC settings, clear all caches: your site cache plugin, CDN cache (like Cloudflare), and browser cache. Hard refresh your browser using Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac). Try viewing the checkout in incognito/private browsing mode to rule out browser caching issues.</p>
<h4>Server error messages (404, 500, 504 errors)</h4>
<p>404 errors indicate the AJAX endpoint cannot be found—usually a server configuration issue or permalink problem. Try resaving your permalinks in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Permalinks. 500 errors indicate a PHP fatal error; check your error logs or enable WordPress debugging (WP_DEBUG) to see the specific error. 504 timeout errors indicate server performance problems unrelated to CheckoutWC—contact your hosting provider.</p>
<h4>Finding plugin conflicts quickly</h4>
<p>If you have many plugins installed, use a binary search method: deactivate half your plugins, test the checkout, then you’ll know which half contains the problem. Keep dividing in half until you find the specific plugin causing issues. This is much faster than testing plugins one by one.</p>
<h4>Still having problems?</h4>
<p>Enable WordPress debugging (add define(‘WP_DEBUG’, true); to wp-config.php) and check your error logs for specific error messages. Test on a staging site when possible. Contact CheckoutWC support with details about your active theme, plugins, and any error messages from the browser console or server logs.</p>


CheckoutWC Lite

If you're looking for the best checkout template available for WooCommerce, this is the plugin.

We recommend this solution to every merchant that's looking for a way to optimize their checkout page and increase conversion rates.

The Best Checkout Plugin

I install CheckoutWC anytime I'm building a site that uses WooCommerce. It is the simplest way to upgrade the checkout experience for customers.

Great Upgrade to WooCommerce Checkout


This plugin is the leader for how to do the checkout experience well - it would do WooCommerce to pay attention for what they provide out of the box.



From UX/UI design, customisation hooks, and amazing support, I ensure our team always uses this plugin for every ecommerce build we do.


Go to checkout plugin for every site


We use this on several large client sites including on doing over 20m per year. It's a complicated site with several WC extensions. CheckoutWC works perfectly. Great product, well coded, incredible support.



No negatives whatsoever. Give it a try.


We use this on a site with 20m+ annual revenue


Nice plugin, easy to use, great designs!


Great plugin

Replace your WooCommerce checkout page with a beautiful, mobile friendly, conversion optimized, Shopify like checkout template.

Products Showcase – Shopify Integration vs CheckoutWC Lite