Yulio Aleman Jimenez

jorgelbg

<p>This WordPress plugin allows add some shortcodes on post to insert Shopify products. Also allow to retrieve/update/remove automatically all products from the shopify store (like a sync function).</p>
<h3>Smart Shopify Product</h3>
<p>This WordPress plugin allows add some shortcodes on post to insert Shopify products. Also allow to retrieve/update/remove automatically all products from the shopify store (like a sync function).</p>
<h3>Shortcodes</h3>
<ul>
<li><strong>[shopify_basic_product product_id=”ID”]:</strong> Allows to insert all product basic information and an <strong>add to cart</strong> button. This last, change its appearance accordingly the choices of the product variants that customers selects. this view is ideal for a product detail page.</li>
<li><strong>[shopify_info_product product_id=”ID” product_link=”src_of_product_detail”]:</strong> Insert a basic product card with the main image, title and price. Ideal for a collection page.</li>
</ul>
<h3>Button for shopping cart</h3>
<p>To get access to the shopping cart you can insert this code on the place of your preference:<br />
Note: You must have <code>Font Awesome</code> to get the <code>fa-shopping-cart</code> icon.</p>
<pre><code><button class="btn--cart-tab js-prevent-cart-listener">
    <span class="btn__counter"></span>
    <span class="fa fa-shopping-cart"></span>
</button>
</code></pre>
<h3>Shopify Cart</h3>
<p>To get a Shopify Cart where to see all products added to cart, you can insert this code on the place of your preference. It’s a good practice to locate it just next to the open <code><body></code> HTML tag:</p>
<pre><code>



<div class="cart">


<div class="cart-section cart-section--top">
    <h2 class="cart-title">Your cart</h2>
    <button class="btn--close">
        <span aria-role="hidden">×</span>
        <span class="visuallyhidden">Close</span>
    </button>
</div>



<div class="cart-form">
    <div class="cart-item-container cart-section">
    </div>
    
    <div class="cart-bottom">
        <div class="cart-info clearfix cart-section">
            <div class="type--caps cart-info__total cart-info__small">Total</div>
            <div class="cart-info__pricing">
                <span class="cart-info__small cart-info__total">CAD</span>
                <span class="pricing pricing--no-padding"></span>
            </div>
        </div>
        <div class="cart-actions-container cart-section type--center">
            <div class="cart-discount-notice cart-info__small">Shipping and discount codes are added at checkout.</div>
            <input type="submit" class="btn--cart-checkout" id="checkout" name="checkout" value="Checkout">
        </div>
    </div>
    
</div>


</div>


<script id="CartItemTemplate" type="text/template">
    <div class="cart-item">
        <div id="cart-item-id" class="hidden"></div>
        <div class="cart-item__img"></div>
        <div class="cart-item__content">
            <div class="cart-item__content-row">
                <div class="cart-item__variant-title"></div>
                <span class="cart-item__title"></span>
            </div>
            <div class="cart-item__content-row">
                <div class="cart-item__quantity-container">
                    <button class="btn--seamless quantity-decrement" type="button"><span>-</span><span class="visuallyhidden"></span></button>
                    <input class="cart-item__quantity" type="number" min="0" aria-label="Quantity">
                    <button class="btn--seamless quantity-increment" type="button"><span>+</span><span class="visuallyhidden"></span></button>
                </div>
                <span class="cart-item__price"></span>
            </div>
        </div>
    </div>
</script>



</code></pre>
<h3>Settings</h3>
<p>You can access to the Smart Shopify Product setting through the <strong>S. Shopify Product</strong> item menu in the WordPress admin menu.</p>
<h4>Shopify Tag</h4>
<p>On this section you will configure the main params to connect the WordPress website to the Shopify store, through the Shopify API credentials and the number of the app.</p>
<ul>
<li><strong>API url:</strong> The url of Shopify API for your Shopify app. This look like: <code>https://apikey:password@my-shop.myshopify.com</code>.</li>
<li><strong>Shop url:</strong> The url of your Shopify store. This look like: <code>my-shop.myshopify.com</code>.</li>
<li><strong>Access Token:</strong> This is a long random string of your Shopify app. This is knew as the <code>API Key</code> too.</li>
<li><strong>App ID Number:</strong> Usually this number is <code>6</code>, for the Buy Button.</li>
</ul>
<h4>Post Type of Product Tag</h4>
<p>On this section you will configure the post type in your WordPress website you use to represent a Shopify product. It usually works fine with post types created with Toolset plugin (the free version of this, allow to create this post types :)).</p>
<ul>
<li><strong>Post Type Slug:</strong> Slug of the Post Type for Products you have had created, using <code>Toolset</code> or another plugin for management of custom Post Type. <strong>Eg:</strong> product, shopify-product, sh-product. </li>
<li><strong>Product ID Meta Slug:</strong> Slug of the custom field type (or meta) of Shopify Product ID, for the Product Post Type you have had created, using Toolset or another plugin for management of custom Post Type. <strong>Eg:</strong> product-id, shopify-product-id, sh-product-id. <strong>Note:</strong> Custom field created with Toolset plugin have a “wpcf-” prefix. Eg: wpcf-product-id.</li>
</ul>
<h4>Shopify fields options Tag</h4>
<p>On this sections you will be capable to set some settings about the view of some fields of the Shopify products, like price, buy buttons and variant option selectors.</p>
<ul>
<li><strong>Show Shopify price field:</strong> Mean that the price of Shopify products will be shown or not.</li>
<li><strong>Replacing text for Shopify price field:</strong> If it’s not empty, the price of the Shopify products will be replaced with your replacing text. It’s ideal when you don’t want to show the prices to users.</li>
<li><strong>Show card Buy Button:</strong> If checked, the Buy Button will be shown on the product cards, for collection views or sections.</li>
<li><strong>Show details page Buy Button:</strong> If checked, the Buy Button will be shown on product detail pages.</li>
<li><strong>Show Variant Options selector:</strong> If checked, the selector of the Variant Options for Shopify products will be shown.<br />
                                 Note: Be careful. If checked and the product that is currently shown has no items available in stock for the first Variant Option, it will cause you not able to choice another variant to make shop.</li>
</ul>
<h3>Refresh function</h3>
<p>You can make some kind on <strong>sync</strong> with the products of your Shopify store. On the setting of the plugin, you will find a <strong>Refresh Shopify Product</strong> button, it will retrieve all Shopify products and will remove of your website the Shopify products that don’t exist anymore.<br />
* If you check the <code>Publish new products right away (set to Pending Review if unchecked)</code> option, post types created from Shopify products will publish automatically.</p>
<h3>Browser Testing</h3>
<p>We are using <a href="https://www.browserstack.com" rel="nofollow ugc">BrowserStack</a> for testing the plugin’s functions in the most popular moders browsers.<br />
With BrowserStack you can automate all web and mobile browser tests. It offers you a chance to keep attention to the real functionalities of your products and to fit the needs of your customers without worrying about browser testings.</p>

Smart Shopify Product

This Wordpress plugin allows add some shortcodes on post to insert Shopify products. Also allow to retrieve/update/remove automatically all products f …

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.

Smart Shopify Product vs CheckoutWC Lite