Customizing the WooCommerce “My Account” page is one of the most requested features by designers and developers.
The “My Account” page of an ecommerce website is absolutely vital to the smooth running of its operations, should be well designed in order to allow users to fully make the most of account management and – of course – can be customized in order to convert more sales and or entice for return business.
The “My Account” page is an actual WordPress page (you can find it under “Pages”) which contains a WooCommerce shortcode. Such shortcode outputs the default account management tabs and their unique content.
In order to customize the look, feel, layout, content and design of the “My Account” page (and all its subpages of course, such as the “Edit Address” page), you have two different choices. If you’re familiar with PHP customization, almost anything can be achieved with simple snippets: add a custom tab, remove a tab, change the content of a tab, sort tabs, and so on. We’ve seen this already on Business Bloomer but I’ll link to a few articles and tutorials below as a reminder.
The other sleek alternative is to use a plugin. Sometimes, this might be a quick and error-free way to achieve what you need without the need of having to code. It’s up to you – so in this article we will see both methods!
Continue reading WooCommerce: How to Customize the My Account Page?
I had the pleasure to speak at the Dublin WordPress Meetup in March 2018. The presentation title was “How to Sell A-N-Y-T-H-I-N-G with WordPress + WooCommerce”, aimed at both beginners and more advanced designers.
Some of those who are only starting with WordPress didn’t know you can transform ANY WordPress install into an Ecommerce website in a matter of minutes.
Those who are pretty familiar with it, on the other end, they’re maybe entrepreneurs who want to set up a Marketplace, a Membership site, a Classified Ads platform or implement some of those Ecommerce features only Amazon and Ebay seem to be able to code with their million dollar budgets. Continue reading WooCommerce: How to Sell ANYTHING with WordPress (WP Dublin 2018)
Well, get ready for a 2,700+ words article: becoming a WooCommerce expert won’t take you just a couple of days.
A few months won’t be enough either.
If you want to join that very small group of advanced freelancers and agencies that exclusively work with WooCommerce clients and charge top dollar, if you want to become a WooCommerce authority and build a successful career, if you want clients to come to you as opposed to you chasing them, well – you need to digest and assimilate what I’m about to tell you.
In this (long) article I will help you understand what is advanced WooCommerce, and then break this down into 5 simple steps.
Five makes-a-lot-of-sense steps you should follow in order to complete your journey.
So, want to become a WooCommerce ninja? A WooCommerce wrangler? A WooCommerce guru?
Well, despite I dislike all those ninja-like “terms”, let me tell you a thing or two. Then, join me in the comments and let’s keep the conversation going.
Continue reading WooCommerce: How To Become an Advanced Developer?
I had the pleasure to co-organise the very first WordCamp Dublin this year. We welcomed 26 amazing speakers, 250 attendees, incredible sponsors and enjoyed a great venue and tasty food.
Just because organising, MCing, managing speakers and writing website content were not enough, I also decided to run a 45mins workshop titled “WooCommerce Customization Masterclass” and I have to say I received great feedback despite the lack of voice, sleep and energy (thank you)!
I spoke briefly about WooCommerce customization, my WooCommerce visual hook guides, the difference between snippets and plugins and finally demoed a few snippets to add, remove and move WooCommerce content to/from the Single Product Page.
Continue reading WooCommerce Customization Masterclass: WordCamp Dublin 2017 Slides & Video
A Business Bloomer fan asked me a great question: “I’m using your visual hook guide to add content above the cart, however I notice that it doesn’t work if the cart is empty. Are there hooks specifically for empty carts?“.
Well, let’s take a look if we have anything available… (hint: of course we do!).
Continue reading WooCommerce: Add Content to Empty Cart Page
In this blog I’ve put together a series of WooCommerce links, tutorials, videos, blogs and resources so that you can find what you’re looking for. Enjoy! Continue reading WooCommerce Resource Library
When building a WooCommerce store, one important factor to keep in mind is offering your customers seamless page navigation and design experience while ensuring faster page speed and performance. It helps boost customer satisfaction and improve business sales.
According to Akamai’s research, even a 1-second delay affects the websites’ conversion rates by 7%, as your store’s page loading speed is one of the important determining Google’s SEO factors.
Thus, to avoid delays and create a beautiful and appealing website, you must choose an excellent WooCommerce theme for your store.
However, considering the wide range of options – selecting a multipurpose, user-friendly, and attractive WooCommerce theme can get challenging and overwhelming. Hence, today, in this article, we review one of the fastest WooCommerce themes – Shoptimizer.
In this article, we’ll review the theme’s overview, interface, important features, and pricing to see if it’s the right fit for your WooCommerce store. Let’s begin!
Continue reading WooCommerce: Shoptimizer Theme Review
I just spent the last 3 days in Porto with another 2,300 WordPressers at the first in-person WordCamp Europe since Berlin 2019. I had a blast, held a nice (yet long) workshop, spoke to many, but got tired too soon.
Later on, I realized that that tiredness was something more serious – in fact I tested positive against COVID for the first time in my life, and I’m now in self-isolation hoping it won’t last long… Another 7 days without my kid – send help!
Anyhow, what really struck me at WCEU 2022, and based on various chats and some data that I’ll share below, is that the WooCommerce ecosystem is in trouble.
A nicer way to put that? WooCommerce is not moving forward as fast as it should, and unless some key issues are addressed right now, in a few years time we all may pay the consequences.
Please note, this is not a rant. It’s a proper analysis, full of actionable information.
@ WooCommerce team - if you're reading this - my plan is to give you constructive feedback and tell you what the community (really) thinks, needs and wants, so that you can get a better picture of the current situation. I know you've already started working on this, so this is just a recap/reminder and a way to get the whole community realigned.
In this post, I will share my worries, my fears, the current WooCommerce issues, some data I collected at WCEU 2022 and then a list of actionable solutions that may be implemented in order to clear the backlog and get back on track – asap. Enjoy!
Continue reading WooCommerce: 10 Crucial Issues That Should Be Fixed Right Now
Business Bloomer enters the world of Gutenberg today, and we do it with a simple customization tutorial related to the “Product Grid” WooCommerce Gutenberg Blocks: currently these are “Best Selling Products“, “Newest Products“, “On Sale Products“, “Top Rated Products“, “Products by Category” and use the same base code…
However, all of them use custom code and not the default WooCommerce templates (and therefore we can’t take advantage of the WooCommerce hooks for the shop / product archive / product loop unfortunately), so we need to find a workaround if we wish to remove some of the default elements that come up with the product grid items: product permalink, product image, product title*, sale badge, product price*, rating*, add to cart button* in this exact order.
* As you can see from the screenshot below, actually, you can already remove the information with an asterisk from the Block settings. So, in this article, we will see how to remove the rest in case you don’t want it: permalink, image, sale badge. Enjoy!
Continue reading WooCommerce Blocks: Hide Images Etc. From Product Grid Block
If you’re setting up a wholesale store for your business or for your clients, WooCommerce is a great choice! It’s free, open-source, powerful, and growing in popularity.
However, many important wholesale functions are missing, and that’s particularly important when it comes to wholesale pricing. Let’s explore how we can set up complex pricing in WooCommerce, and in detail:
- Setting up different prices for different users
- Tiered pricing and pricing table
- Bulk pricing and discounts
- Discounts by quantity or order value
Each functionality can be added via a free or premium plugin or, if you’re familiar with PHP, even by code. Either way, this article will feature one of the many options available.
Continue reading WooCommerce Wholesale Prices: Plugins, Setup, Tips and Snippets
Logged in customers often require different UX, communication and website layout. You can hide add to cart buttons for logged out users, yes, but you can also completely remodel the single product page layout. For example, you can remove the featured image, the add to cart button (because maybe you only want them to purchase one product), the sale badge, the price, product tabs, and so on – while also adding logged-in only information such as custom buttons, banners and media.
In this tutorial we’ll see how to target logged in customers who purchased the current product, how to remove some default layout elements and how to add some custom HTML and CSS to the single product page. Enjoy!
Continue reading WooCommerce: Edit Product Layout If Logged In
When SKU matters to the end user, displaying it in the Cart page, Checkout page, Thank you page, My Account View Order page and Order Emails under the item name is a must.
Ideal for B2B businesses and international brands, this simple customization can help you learn how to add any sort of content under the Cart/Checkout/Order item names. Simply use the same hook and try “getting” something different than SKU with this guide. Enjoy!
Continue reading WooCommerce: Show SKU @ Cart, Checkout, Order & Emails
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 seen in the past how to completely remove the “Default Sorting” dropdown that shows in the WooCommerce Shop, Category and Product Archive pages.
Sometimes, however, you might just need to remove one of the default options, rename a sorting option accordingly to your needs or even add a brand new sorting method. As usual, a few lines of PHP are sufficient to achieve anything, thanks to WooCommerce hooks and filters.
Continue reading WooCommerce: Remove, Rename, Add “Sorting” Options @ Shop
One of the latest WooCommerce versions introduced an optimized product gallery on the single product page. If your products have multiple images and therefore use the product gallery, you might want to also add content below the gallery itself. But…
If you’re familiar with WooCommerce customization and WooCommerce hooks (and specifically the ones of the Single Product Page), you’ll know it’s now impossible to add content under the image as it used to be done with the “woocommerce_product_thumbnails” hook.
In fact, the new gallery completely replaces the default content via JQuery, including that hook. Adding content is not as easy as it used to be. So, here’s the workaround (you might want to check how it behaves on mobile or maybe completely hide this for small devices – this has been tested on desktop only).
Continue reading WooCommerce: Add Content Below Single Product Images
Adding content to the WooCommerce Single Product Page is super easy – but what if you wish to remove / hide a default element?
Well, in this case it gets even easier. All you need to know is the default hook used by WooCommerce – so that you can remove it with one line of PHP in your functions.php. You can find a list of default hooks here: (https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/)
For example, how do we hide the Related Products? Well, here’s one line of code that will help you! Continue reading WooCommerce: Hide Related Products @ Single Product Page
If your WooCommerce website runs on Storefront theme (same as Business Bloomer), then you probably know it doesn’t come with a lot of customization options.
For developers like me, Storefront theme is ideal: it comes with many “hooks”, so that it’s easy to remove, move or add layout elements within a few lines of PHP.
But for those who do not develop or have no intention to waste time troubleshooting missing commas or fighting with FTP clients, well, there’s a plugin for that. And it’s developed and maintained by WooCommerce itself, so you can’t go wrong with the purchase and you’re guaranteed to have a fully working, up to date piece of software for the long term.
So, here’s a quick overview of what the plugin does. Enjoy!
Continue reading WooCommerce: How to Customize Storefront Theme in a Few Clicks
I’ve been wanting to publish this guide for a long while. As a WooCommerce development freelancer, every day I repeat many operations that make me waste time… and one of them is indeed “How to get ____ if I have the $product variable/object?“.
For example, “How can I get the product SKU“? Or “How can I get the product short description“? Or maybe the product stock level, shipping class, tax class, price, regular price, sale price, and so on… hopefully this article will save you time.
Of course, not always you have access to the $product global – but you may know the $product_id. In this case, you can use the wc_get_product WooCommerce function to calculate the $product object – you find this case scenario below.
Other examples might be the order or the cart page. Once again, in here you don’t really have a $product available, so you have to loop through the order/cart items and “get” it. After that, you can then calculate and get any piece of information you require out of $product. Enjoy!
Continue reading WooCommerce: Get Product Info (ID, SKU, $) From $product Object
Categorizing products is a great a way to de-clutter your WooCommerce shop and intuitively guide users to the page they are looking for. In WooCommerce you can easily group your similar products under a category, making it easy for users to scan and find the products.
For Example, if you sell T-shirts, Shirts, Pants, and Sunglasses you can easily categorize T-shirts, Shirts, and Pants under “Clothing” category and Sunglasses under “Accessories”.
In WooCommerce shop or archive pages you can display only products, only categories or both products and categories together. In this article we will see how to create WooCommerce categories and display them on shop or archive pages.
Continue reading WooCommerce: How To Display Categories on Any Page
With seemingly thousands of Free and Premium WordPress themes out there, it can be tricky to pick the right WordPress theme for your business.
While launching a website seems easy, hardest part is finding a theme that meets your content requirement. There is not a single WordPress theme that would meet all the needs of all website owners. Every theme is built for a specific purpose and has its own strengths and weaknesses. Your job is to find the theme that meets your business’s needs.
While there are themes that do it all, they tend to be heavy and bloated because they are designed to meet the requirements of a wide range of website owners. In other words, they do everything but specialize in nothing.
Choosing these resource-consuming and feature-heavy WordPress themes is like getting operated on by a surgeon who has nothing but a Swiss army knife to perform all surgical tasks.
Finding the right WordPress theme requires more than just picking a theme based on look. In this article, we will provide some tips on what to look out for when choosing a WordPress theme. We will also recommend some free tools to help you check a theme’s credibility.
Continue reading WordPress: 11 Things to Consider When Selecting a Theme