When a variable product has the same price for all variations, a unique price is shown to website users i.e. the one at the top of the page. However, this behaves differently when each variation has its own unique price – in this case the single variation price shows after a variation is selected.
Now, this can be good or this can be bad – it depends. So in this snippet we’ll see a quick fix to make this behavior consistent i.e. showing the variation price after selection every time, no matter the conditions.
Thankfully, it’s literally one line of PHP. Enjoy! Continue reading WooCommerce: Always Display Single Variation Price
Product tabs show on the single product page, right below the image gallery. Tab labels are “Description”, “Additional Information”, “Reviews” by default – but what if you wish to rename them into something more relevant to your users?
Here’s a simple PHP snippet you can copy/paste into your child theme’s functions.php file to immediately change the “Description” tab name – enjoy 🙂 Continue reading WooCommerce: Rename Product Description Tab Label @ Single Product Page
When you are on the single product page, and you have a non-empty product long description, a “Description” tab appears below the product images. Unfortunately, not only the tab label is “Description”, but also the tab H2 heading. This sounds and looks horrible, so here’s a way to completely remove it.
Alternatively, you can use this other snippet in order to rename it: https://businessbloomer.com/woocommerce-rename-product-description-single-product-page/ Continue reading WooCommerce: Remove “Description” Heading @ Single Product Tabs
If you use custom WooCommerce order statuses, or wish to target an order status transition that is not default (e.g. when order goes from “Processing” to “Completed”, the Completed email triggers – but what if you want to target a transition from “Processing” to “Custom Status”?), sending custom emails is quite complex.
First of all, they won’t show under WooCommerce > Settings > Emails (unless you code it, true) – second, no email will trigger.
So, how do they do it? Continue reading WooCommerce: Send a Custom Email on Order Status Change
How can WooCommerce customers edit an order they just placed and paid for? I swear I looked on search engine results and other places before coming to the conclusion I needed to code this myself.
For example, a user might want to change the delivery date (if you provide this on the checkout page). Or maybe they need to change size, or make up their mind about a given product in the order.
Either way it’s shocking to me this functionality is not in a plugin – as usual if you’re interested in customizing this snippet/plugin for your specific needs feel free to get in touch.
So, let’s see how it’s done! Continue reading WooCommerce: Allow Users to Edit Processing Orders
Maybe you run a busy WooCommerce store from your warehouse. Alternatively, you have a spare TV screen in the office and don’t know what to do with it. Even better, you’ve been asked to show orders in real time, as they come in. Possibly, you’ve looked for a way to show data and statistics in real time without refreshing your Google Analytics dashboard or the WooCommerce Reports section.
What we’re talking about here is specifically finding a way to show your WooCommerce real-time orders, custom stats dashboards and custom graphs on a TV screen.
And today this is possible thanks to a new feature released by Bryce Adams, founder and developer of Metorik (of which I’m an active customer as you can see from the screenshots).
We already covered the ins and outs of advanced WooCommerce tracking (i.e. the WooCommerce default reports are quite poor, so I’ve introduced you to 2 alternatives there), so I don’t want to repeat myself in this blog post.
So, how do you enable real-time tracking and order notifications on a TV screen? Continue reading WooCommerce: How to Watch Orders & Data in Real-Time on TV?
Here’s a quick snippet you can simply copy/paste to show a “+” and a “-” on each side of the quantity number input on the WooCommerce single product page.
This snippet comes with a jQuery script as well, as we need to detect whether the plus or minus are clicked and consequently update the quantity input. jQuery might look difficult to many, but the beauty of this is that you don’t need to have a degree in jQuery – just copy/paste and see the magic happen.
Note: you will probably also require some additional CSS, as your theme might give a “float” to the quantity DIV while by default HTML buttons take inline-block. I’ve added some CSS valid for the Storefront theme below. Continue reading WooCommerce: Add Plus & Minus Buttons To Add to Cart Quantity Input
We already have a nice “SALE” badge by default with WooCommerce (as well as the “OUT OF STOCK”) one. These show on the shop page once certain conditions are met.
Now, what if we wanted to show a “NEW” badge for products added in the last 30 days? This would certainly grab the customer attention, and also communicate the fact your shop is constantly updating with new products and content (well, good for Google too, right?).
So, how do they do it? (Sounds like one of those Discovery Channel shows…)
Well, here’s a simple snippet for you; simply copy/paste into your functions.php and magically a “NEW” badge will show (note: CSS is not provided, you’ll need to adjust it based on your current theme and custom styles). Continue reading WooCommerce: Display “NEW” Badge on Recent Products
If you’re familiar with the upcoming Gutenberg editor, you’ll know there have been a million doubts in regard to accessibility. So, accessibility matters – and WooCommerce has a few issues as well.
One interesting accessibility fix is the error notification system on the checkout page. Yes, the missing fields error show on top of the page when trying to place an order, but once you scroll down to fill them out again you might need a reminder of which field is missing without having to scroll back up to check the error.
This is quite difficult to explain, so take a look at the screenshot. The suggestion here is to also add “inline” error notifications (“XYZ is a required field“) right above each field, so that the user knows exactly what to do. So, let’s see how it’s done. Continue reading WooCommerce: Display Required Field Errors “Inline” @ Checkout
I had the pleasure to speak at WordCamp Milano 2018, and I had a blast! I believe the topic was pretty interesting, so you all deserve a long post recap with actionable tips and screenshots to understand basic WooCommerce SEO (video of the presentation will be available soon).
The following WooCommerce Search Engine Optimization tips are mostly non technical, and are aimed at WordPress and WooCommerce users who never heard of “schema”, “long tail”, “301” and “hreflang” (although if you did, please have a read anyway, make sure to post a comment and contribute to this post with your expertise).
The thing is – SEO is never going to die. Besides, Google & co. constantly improve their website ranking algorithms. This means what you learned 5 years ago in regard to SEO might not work today, and what you learn today might not work in 2 years time… you get the point.
In this blog post, we will analyze and study 27 evergreen SEO factors for WooCommerce websites. These should be applied (or not applied, as there are many “not to do” tips as well) to your ecommerce website at all costs if you believe you deserve better ranking (who doesn’t?). And as they’re evergreen, they’re likely not to go away for a few years at least 🙂
So, let’s get started! Continue reading 27 WooCommerce SEO Tips (For Non-Techies)
A BloomerArmada fan asked me a very interesting question: how can I link each product in the shop page to its own custom landing page as opposed to the default permalink?
Of course this applies when you don’t want to use the default single product page for all or some products. Clearly, you could set up a 301 redirect from the single product page to the landing page – that will help for SEO as well. But if this is temporary, or you need to still give access to the single product page later on, then a redirect is no good.
So, here’s how you can override the default permalink. Continue reading WooCommerce: Change Product Permalinks @ Shop / Loop Pages
A WooCommerce email notifications pops up – yet another new order, money, revenue, happiness. However, hold on a second – money is not technically in your bank account until you’re forced to give a refund. Even worse, until you realize not only you had to give a refund, but also getting the item back costs you a fortune. And who knows how many times this is going to happen, mostly when you ship physical products.
Fortunately, there are ways in WooCommerce to blacklist customers, deny purchasing from specific countries, block certain IP addresses and do whatever you can to save money.
In the era of Amazon and online shopping we constantly hear of scams and frauds, so this is definitely a topic that shouldn’t be underestimated. A small plugin investment or a few lines of code could actually make a big difference.
Besides, choosing the correct online payment methods (which should give you some sort of anti-fraud out of the box) and avoiding offline payments (bank transfer, cash on delivery, check) are important measures you should already have in place.
So, moving beyond the actual online payments, there is something else we could do to stop scammers placing an order (yes, even before paying or trying to pay). Prevention is better (and more affordable) than cure, right?
I’ve put together a list of WooCommerce plugins and settings you should look into from today on. And sooner rather than later. Enjoy 🙂 Continue reading How to Blacklist WooCommerce Scammers, Emails, IP, Phones?
Coupons: the good, the bad and the ugly. WooCommerce coupon codes are great to convert more sales – but sometimes they get users to pause / stop placing the order until they find a coupon code online (you did it too, I know).
One good workaround that the internet giants such as Amazon and eBay have implemented is to hide the coupon form until an email is entered, or alternatively to move the coupon code to the bottom of the Cart page. This is a very smart move, and gets the user to concentrate on the Cart / Checkout details before entering or searching for a coupon.
So the question is – how to move the coupon code form in the Cart page and remove it from the Checkout page? Well, as usual, a bit of PHP can help us. Here’s how it’s done! Continue reading WooCommerce: Move / Remove Coupon Form @ Cart & Checkout
AOV a.k.a. Average Order Value is one of the most important ecommerce metrics. It describes the average order total in a given period of time. If this year your WooCommerce website converted 150 orders and made $30,000 in revenue, your AOV for this year is $30,000/150 = $200 (i.e. on average, you can expect each order to be $200).
If you don’t know what your WooCommerce store AOV is, immediately go to WordPress Dashboard > WooCommerce > Reports > Orders > Sales by Date > Year and divide “net sales in this period” by the number of “orders placed”. But be careful – those reports are sometimes not correct (I know WooCommerce is working on this at the moment). Mine is giving me AOV = €2… and I know that’s not right.
Your best bet is your Google Analytics account (as long as you’re using the official WooCommerce – Google Analytics integration) and/or your Metorik reports (here’s an article you should read if you need to know how to install reliable WooCommerce tracking, reporting, filtering and segmenting: https://businessbloomer.com/advanced-woocommerce-tracking-analytics-reports-exports-segmentation/). My Metorik dashboard tells me my WooCommerce website AOV for this year is €233 so far – I can trust this one for sure.
So the question is: how can we get our WooCommerce customers to spend more? Well, here’s a list of WooCommerce plugin alternatives you can install right now to boost your AOV.
In fairness, who wouldn’t want some extra revenue? 🙂 Continue reading WooCommerce: How to Increase Average Order Value?
The “woocommerce_thankyou” hook fires on the Thank You page once an order is placed. Most tracking functions like Google Analytics, affiliate commission plugins and other WooCommerce extensions rely on “woocommerce_thankyou” to run their code.
Problem is – “woocommerce_thankyou” is ALSO called if an order fails (i.e. payment did not go through). Now, unless the plugin is smart enough in its own functions to exclude failed orders, which doesn’t happen often I’m afraid, we need to find a way NOT to run “woocommerce_thankyou” if an order fails. Case study: a client uses a third party affiliate plugin, this plugin hooks into “woocommerce_thankyou“, but they don’t want to calculate conversions when an order fails.
So here you go! Continue reading WooCommerce: Disable Tracking if Order Failed @ Thank You Page
We’ve already seen how to remove the product permalink from the “order table” (the one you see on the Thank you page, My account pages and emails). Thsi time, we’re looking at doing the same thing on the Cart page, which uses different “hooks” than the order pages and therefore requires its own snippet.
Here’s how it’s done – as usual 1 PHP line is sufficient! Continue reading WooCommerce: Remove Cart Product Link @ Cart Page
A client purchased a premium “WooCommerce-ready” WordPress theme on Themeforest. Unfortunately, this theme comes with a /woocommerce folder, which means theme developers completely override WooCommerce template files by copying them to the folder, and customizing each of them by hand to match their design and functionality needs.
As you know from my “How To Become an Advanced WooCommerce Developer?” article, however, themes should NOT come with a /woocommerce folder – instead they should use “hooks” (actions and filters) to amend default WooCommerce plugin layouts and behavior. This is a huge problem for best seller themes and their legacy coding – and also a reason most themes break when you update WooCommerce…
So the question I asked myself was: how can I disable the entire /woocommerce folder (i.e. ALL WooCommerce template overrides) in a given theme, so that I can use the default WooCommerce ones instead? Continue reading WooCommerce: Disable Theme’s WooCommerce Template Overrides
This is a guest post by Matthew Abdalah of Rumbleship – if you like the article, make sure to thank him in the comments!
Customers live in a world of digital distractions and the last place you want your customers to be distracted is during checkout.
Consumer ecommerce (B2C, business-to-consumer) has taught the B2B (business-to-business) world a lot about what a distraction-free, conversion-friendly checkout looks like: we should reference these lessons for best practices.
Due to its ubiquity, your wholesale buyers are conditioned to expect a comparable level of service to what they experience on B2C websites such as Amazon and eBay.
Tactics like 30-day terms, free shipping and bulk discounts are some of the techniques referenced in this article but we’ve compiled a few extra ones.
Here are 5 creative ways to reduce wholesale WooCommerce shopping cart abandonment, increase your sales conversion rate and grow your profits. Continue reading WooCommerce: 5 Ways To Increase B2B Conversions
Are you thinking of starting a WordPress blog?
Great – let’s take a look at what we’ve got here: awesome templates for personal portfolios, food and beverages blogs, cooking blogs, fashion blogs, lifestyle blogs, magazines, speakers, book clubs, travel and photography blogs, and so on… there is really a wide choice of topics out there!
But with the content being the number 1 objective for your blog, don’t forget you also need good functionalities and design features. By opting for a professional WordPress theme from the very beginning, for a little investment, you can get everything you need out of the box:
- Responsive design + cross browser compatibility – very important for mobile browsing
- Shortcodes to display content blocks in any page / post, which significantly speed up customization
- Advanced customization settings – you can change typography, logo, navigation, slider, page templates, footer so that every detail is in line with your brand
- Predefined page templates for various standard pages like customers’ testimonials, about page, contact page. Every page of your blog can look different
- Compatibility with WordPress Customizer, so that you can view the amendments in real time
There are many, maybe unlimited, professional WordPress themes for personal blogs – so here’s a quick roundup of 10 that might catch your attention. Have fun! Continue reading 15 WordPress Themes for Bloggers-To-Be
This is your ultimate guide – complete with shortcodes, snippets and workarounds – to completely skip the Cart page and have both cart table and checkout form on the same (Checkout) page.
But first… why’d you want to do this? Well, if you sell high ticket products (i.e. on average, you sell approximately one product per order), if you want to save an additional step (two steps convert better than three: “Add to Cart” >
“Cart Page” > “Checkout Page” – and this is not rocket science), if your custom workflow and ecommerce objectives require you to manage Cart and Checkout all together, well, this tutorial is for you.
There is a mix of shortcodes, settings and PHP snippets you can use to make this work out of the box. And trust me, this is easier than you think.
While many developers decide to turn the checkout process into a “Multi-Step Checkout” (ehm, not sure why – the more steps the more likely it is to have a cart abandonment), in here we’ll see the exact opposite.
So, how do they do it?
Well, here’s the complete, easy, step by step guide to put Cart & Checkout on the same page. Give it a go, do some WooCommerce testing and tracking, and see if it converts better 🙂 Continue reading WooCommerce: How to Put Cart & Checkout on the Same Page?