Here is a collection of tips, snippets, customizations, plugin reviews and how-to tutorials to answer your biggest WooCommerce questions, curated by Rodolfo Melogli.
Please remember feedback is vital and that your social media shares, blog comments and WooWeekly newsletter sign ups help me understand which WooCommerce content works and which not, so that I can fine-tune my writing :)
Thank you in advance and enjoy!
Top searches:
Visual Hook Guides - Checkout Page - Cart Page - Single Product Page - Add to Cart - Emails - Shipping - Prices - Hosting
Popular tags:
Accessibility (2) - ACF (6) - Add to Cart (31) - Affiliate (4) - Ajax (4) - AOV (10) - Apps (2) - B2B (11) - Backorder (4) - Blog (1) - BOGO (5) - Breadcrumb (3) - Bulk Discounts (4) - Cart Abandonment (9) - Cart Page (77) - Cart Totals (3) - Catalog (8) - Category Page (16) - Checkout Fees (6) - Checkout Fields (30) - Checkout Page (117) - Child Theme (2) - Conditional Logic (11) - Contact Form (4) - Coupon (11) - CRO (6) - Cron Jobs (1) - Cross-sells (8) - CSS (9) - Currency (6) - Custom fields (11) - Customer (4) - Customer Login (6) - Customer Registration (6) - Customization (14) - Database (5) - Dimensions (1) - Discount (8) - Divi Theme (2) - Downloadable (4) - Dropshipping (2) - Dynamic Pricing (5) - Elementor (13) - Email Marketing (12) - Emails (24) - Empty Cart (2) - External Products (5) - Facebook (1) - Featured Image (11) - Flatsome Theme (1) - Freelancing (1) - Frontend (4) - GDPR (5) - Geolocation (5) - Germanized (1) - Getters (3) - Gift Cards (3) - Google Ads (1) - Google Analytics (19) - Grouped Product (2) - Gutenberg (4) - Hidden Products (3) - Hosting (6) - Import/Export (4) - Invoicing (3) - Jetpack (3) - Kirki (1) - Landing Page (2) - LMS (2) - Logged in (5) - Loop Pages (9) - Marketing (13) - Membership (2) - Metorik (6) - Mini Cart (1) - Multi-Vendor (2) - My Account (32) - Online courses (2) - Order (37) - Order Notes (3) - Order Pay (4) - Order Status (13) - Payment Gateways (26) - PayPal (13) - PeachPay (1) - Performance (9) - Permalink (6) - Points and rewards (1) - Premium Snippet® (2) - Price (37) - Privacy Policy (2) - Product Add-Ons (5) - Product Attributes (1) - Product Badges (3) - Product Bundles (1) - Product Category (18) - Product Filter (4) - Product Gallery (2) - Product Quantity (15) - Product Reviews (5) - Product settings (1) - Product Sorting (3) - Product Table (5) - Product Tabs (12) - Product Tag (4) - Product Visibility (4) - Purchased (3) - Quick view (1) - Redirect (9) - Related Products (10) - Request a Quote (5) - REST API (1) - Sale Price (8) - Sales (1) - Sales Conversion Rate (22) - Search (14) - Security (1) - Sensei (1) - SEO (16) - Shipping (32) - Shop Page (57) - Shopify (2) - Shoptimizer theme (5) - Short Description (4) - Shortcodes (14) - Sidebar (2) - Single Product Page (114) - SKU (7) - Social Media (1) - Speed (3) - Staging (5) - Stock (20) - Storefront Theme (17) - Stripe (7) - System Status (5) - Tax (3) - Terms and Conditions (3) - Thank You Page (18) - Tracking (4) - Translation (5) - Troubleshooting (7) - Up-sells (11) - Update Cart (3) - User Roles (7) - UX (4) - Variable Products (24) - Variation (5) - Virtual Product (1) - Weight (6) - Wholesale (7) - Widget (4) - Wishlist (3) - WooCommerce Admin (45) - WooCommerce Blocks (1) - WooCommerce Bookings (1) - WooCommerce Brands (1) - WooCommerce Coupons (6) - WooCommerce Deposit (2) - Woocommerce Subscriptions (8) - WordPress (2) -
WooCommerce functions add the shipping method label on the Cart totals, on the left hand side of the price. This ruins the price amounts alignment (subtotal, shipping, taxes, total) and many clients have asked me to remove it completely. Also, it could be that sometimes you don’t want to show the name of a shipping rate on the front-end. So, here’s how you do it!
Continue reading WooCommerce: Remove Shipping Labels @ Cart (e.g. “Flat Rate”)
The cart totals table cell title “Shipping” or “Shipping and Handling” appears also on the checkout page. So, what if you wish to “translate” this string from English to “better” English or completely customize it? Thankfully there’s a quick 4 lines snippet for you. Enjoy!
Continue reading WooCommerce: Translate “Shipping” @ Cart Totals
Sometimes you may want to add a prefix or a suffix to your prices. It could be something like “From…”, “Only…”, “…tax free” and so on.
The first good news is this is very easy to do with a WooCommerce filter (remember, filters change the value of an existing variable, while actions add content). The second good news is that you don’t need to know PHP, just copy/paste my snippet!
Continue reading WooCommerce: Add Prefix / Suffix to Product Prices
For some reason, sometimes you add products to cart but the cart page stays empty (even if you can clearly see the cart widget has products in it for example).
But don’t worry – it may just be a simple cache issue (and if you don’t know what cache is that’s no problem either) or a theme / plugin “conflict”.
The WooCommerce Cart page is extremely delicate; it displays dynamic content based on cookies and PHP sessions, is coded with PHP but also JS and Ajax, requires to be excluded from cache and is subject to problems in case of out of date software.
So, here’s your “Empty Cart” troubleshooting checklist you can follow without any technical knowledge.
I also recommend you read through the (many) comments, because many developers shared what worked for them too. Good luck!
Continue reading WooCommerce: How to Fix the “Cart is Empty” Issue
In some countries there is no Postcode/ZIP (such as Ireland!). How do we make the Postcode/ZIP field not required, or how do we completely remove it? The answer is very simple. Continue reading WooCommerce: Disable PostCode/Zip Field on the Checkout Page
Interesting issue. A client found out that if you push the “enter” on your keyboard while on the WooCommerce Checkout page, the form will be automatically submitted. Ouch! What if the customer wanted to use a different shipping method? What if “enter” is pushed by mistake? So, here’s how you disable it. Continue reading WooCommerce: Disable Keyboard “Enter” on Checkout Page
On a website using USD and WooCommerce Subscriptions, a weird error showed up. After doing a bit of research, I found out that orders above $999.99 were showing as $1 on the Cart and Checkout page. Pretty weird! Here’s how I fixed it. Continue reading WooCommerce: Fix for Wrong Order Total
A very common WooCommerce shop page issue: sometimes (and especially with affiliate stores), WooCommerce product titles are way too long and go over several lines, messing with the overall vertical alignment.
On top of this, you may also want to keep the shop experience consistent, and make all the WooCommerce product titles of the same length. This is how you do it. Enjoy!
Continue reading WooCommerce: How to Shorten Product Titles
This is a very cool snippet that many of you should use to increase your average order value. Ecommerce customers who are near the “free shipping” threshold will try to add more products to the cart in order to qualify for free shipping. It’s pure psychology.
Here’s how we show a simple message on the WooCommerce Cart page. Enjoy!
Continue reading WooCommerce: “You Only Need $$$ to Get Free Shipping!” @ Cart
When importing a big export file from another site, or when installing dummy data from your template developer, the error “the uploaded file exceeds the upload_max_filesize directive in php.ini” is likely to show. Here’s what you can do to fix it. Continue reading WooCommerce: Fix the “uploaded file exceeds the upload_max_filesize directive in php.ini” error
If you wish to print the payment gateway name on order emails (in its own paragraph below the order items table), here’s a handy snippet for you.
All you need to use is the “woocommerce_email_after_order_table” hook to pick the correct position, and then the “get_payment_method_title” WooCommerce function to return the payment gateway name. Enjoy!
Continue reading WooCommerce: Add Payment Method to Order Emails
Interesting WooCommerce customization here. A client of mine asked me to hide/remove prices from the shop page and category pages as she wanted to drive more customers to the single product pages (i.e. increasing the click-through rate).
As usual, a simple PHP snippet does the trick. I never recommend to use CSS to “hide” prices, as they would still be visible in the code – PHP stops the prices from loading, so they’re invisible to the user.
Continue reading WooCommerce: Hide Prices on the Shop & Category Pages
If the WooCommerce product sorting functionality (“Default Sorting” dropdown) is a waste of space or you don’t need that select box at all, you may want to remove it.
This PHP solution is simply cleaner than CSS – and no matter if you code or not, you just need to copy/paste my snippet in your theme’s functions.php.
Continue reading WooCommerce: How to Remove the “Default Sorting” Dropdown
Maybe you don’t know that, but WooCommerce has an inbuilt functionality for importing and exporting products from CSV/XML files. Therefore, most of the times, you don’t need a premium import/export plugin.
Simply go to WordPress Dashboard > Products > All Products and click on Import (or Export) and follow the instructions. That’s it!
This is a new functionality introduced since WooCommerce 3.0 and it’s working like a charm.
For more advanced import/export, automatic updates from server and more complex functionalities, take a look at WP All Import + WooCommerce Add-On
Mostly when the long description and additional information are short, you may want to move this block of content to the right hand side of the product image – as opposed to “waste” a lot of space underneath it. Here’s how you move the product tabs! Continue reading WooCommerce: Move Product Tabs Under the Short Description
A very annoying thing this is. If one of your WooCommerce shipping methods is Free, a label (Free) will appear next to it. It cannot be deleted via CSS as some WooCommerce function adds it via code to the shipping method label. So how do we deactivate it? Continue reading WooCommerce: Remove (free) in Shipping Method Label @ Cart
Customizing WooCommerce emails via the WordPress dashboard is not easy and – sometimes – not possible. For example, you can’t edit or add content to them unless you’re familiar with code.
Well, here’s a quick example to learn how to add content to any WooCommerce default order email. In this case study, our goal is showing an upsell to get buyers to go back to the website and buy with a coupon code. Enjoy!
Continue reading WooCommerce: Add Content to a Specific Order Email
A client of mine wanted to add some text to the thank you page, the page that customers see after they place an order via the default WooCommerce Checkout page.
In this case scenario, they wanted to add a special coupon discount in order to entice buyers to go back to the website and buy again. Enjoy!
Continue reading WooCommerce: Add Content to the Thank You Page
This is a cool function you can apply to any payment gateways for any order threshold. for example, you may want to disable bank transfers if orders are below $10, or disable PayPal payments if orders are above a certain cart total. Here’s what I did. Continue reading WooCommerce: How to Disable PayPal on Orders Above $100
This is quite an annoying thing in WooCommerce when you have just a few products.
Besides, if you only have 1 product in a given category, the notice “Showing the Single Result” will appear on top of the category page.
So, how do we remove the whole “Showing 1–15 of 178 results” element from the Shop, Category, Tag and product loop? Here’s the fix. enjoy!
Continue reading WooCommerce: Hide “Showing x-y of z results” @ Shop Page