WooCommerce Blog: Tips, PHP Snippets, Q&A, Plugin & Theme Reviews

WooCommerce: Remove “Clear” Button @ Variable Product Page

As soon as you select a product attribute (by default, this is a dropdown right above the variation add to cart button), a “Clear” button appears beside the dropdown/s in order to reset the selection/s and start anew.

As usual, some WooCommerce store owners may require to hide/delete such link, and this is why your truly is here: why “display:none” stuff with CSS when you’re not actually removing it completely from the code? Which means, there must be a PHP way.

And, once again, here comes a 1-line snippet. Enjoy!

WooCommerce: What Are The Fastest Themes?

Speed is an essential factor that directly impacts the conversion rates, business revenue, sales, and customer experience.

Akamai’s research suggests that even a 100-millisecond delay in the page speed impacts conversion rates by 7%, while a 2-second delay increases bounce rates by 103%. Thus, even a few milliseconds of delay can cost your store thousands of dollars – let alone dissatisfied customers, poor SEO ranking, and bad online reputation.

Hence, page loading speed is the essence of an excellent customer experience and building a successful online presence.

Where possible, you want to eliminate unnecessary page loads, especially when it comes to the checkout process. Otherwise, you risk cart abandonment. That is the main reason you should use a checkout window, accessible straight from product and cart pages.

While the speed of your WooCommerce store depends on multiple facets – such as your web host, image, media files, and the code of your store, the theme you choose also plays a significant role in ensuring faster store speed.

Calculating your store’s page speed and making sure you choose the right WooCommerce theme that checks all the boxes can get frustrating and overwhelming considering the plethora of options you can choose from – especially 1300 WooCommerce themes on ThemeForest.

So, in this article, we share the top WooCommerce themes you can use, along with a few factors to look for when picking a suitable theme for your store. But first, let’s understand what makes a WooCommerce theme slow or fast and how to calculate the speed.

WooCommerce: Disable Single Search Result Redirect

You have a WooCommerce product called “VREIUTERTKXYU“. You search for “VREIUTERTKXYU” (exact match). WooCommerce, by default, redirects you to the single product page as there is only 1 possible search result (as opposed to sending you to the search result page).

In today’s tutorial, we will be deactivating this WooCommerce function and go back to the normal (at least, to me) behavior: even if there is an exact match in a search (single search result), we still want to display the search page.

The screenshot that follows gives you a working proof, once the snippet you find below is active. Enjoy!

WooCommerce: How to Set Up Order Delivery Slots

If you run an eCommerce store, one of the most crucial factors to provide a great customer experience and minimum cart abandonment is adding delivery order date and time slot options for your customers.

According to a UPS Survey, 12-28% of customers abandon their shopping carts because of the absence of estimated delivery dates before checking out. Your customers want to know when they can expect their orders or select a suitable date and time of order delivery per their convenience.

In fact, even eCommerce marketplaces like Walmart and Amazon display anticipated delivery dates and the calendar slots on checkout and product pages based on the customer’s location.

Hence, displaying delivery days and slots are essential features to ensure customer retention and sales – as they’re determining factors in customers’ purchasing decisions.

One of the most seamless ways to add the date and time slots before the checkout is through WooCommerce order delivery date plugins. But first, let’s see the different ways these plugins can benefit your online store, and your customers’ shopping experience

WooCommerce: Display Prices Inc + Ex Tax

The WooCommerce settings allow you to show prices including OR excluding tax. But what if we want to show both at the same time e.g. “$100 inc. tax – $89 ex. tax”?

Well, by combining the snippet below with the snippet I already coded for variable products price range, or by installing our Mini/Plugin, you can achieve exactly that.

Yes, in theory you could add a WooCommerce suffix via the settings, but unfortunately WooCommerce wraps such suffix in a “small” HTML tag and therefore the whole content is smaller in size, including the second price.

In this tutorial, we’ll see how to add a suffix via PHP instead, and specifically at how to add the price including tax if your store displays prices excluding tax. Enjoy!

WooCommerce: Which PayPal Gateway Plugin is Better?

As a WooCommerce store owner, providing multiple payment gateway options to your customers is more than necessary to ensure high customer satisfaction. And one of the most widely accepted payment systems is PayPal.

You don’t have to take our word for it – research suggests customers are 54% more likely to purchase your products and services if you accept PayPal payments in your store. So, the potential loss of customers and sales is significant if you don’t accept PayPal payments in your online store.

PayPal lets you accept debit cards, credit cards, and even money through the wallet. Many businesses rely on it as customers have a lot of trust in the PayPal brand.

However, despite being an excellent payment gateway, enabling PayPal on your WooCommerce store and making it work as intended isn’t always easy, considering frequent PayPal checkout errors and the fact that the most popular WooCommerce PayPal plugin is no longer supported.

To tackle these issues, we share the top WooCommerce PayPal plugins you can use in this article. These plugins will eliminate checkout errors and ensure high customer satisfaction. But first, let’s understand why using the official WooCommerce PayPal plugin is no longer the right choice.

WooCommerce: How to Enhance the Product Gallery

Product featured and gallery images are important components of your online WooCommerce store – because most online shoppers base their product purchase decisions on product images.

Don’t take our word for it. According to Etsy, 90% of online customers say the product image quality is a decisive factor in an online sale. Thus, it becomes imperative to improve your product images and the visual appearance of your online store to boost clicks, maximize conversions, and increase sales.

Unfortunately, the standard WooCommerce product gallery provides a basic interface – making it difficult to boost your product images. So, if you want to turn your simple WooCommerce product gallery into a responsive and stunning carousel slider – this article is for you.

We share the top plugins you can use to customize your WooCommerce product gallery and create appealing product images that drive sales. But first, let’s see how improving gallery images can help your online store.

WooCommerce vs. Shopify: Which Ecommerce Platform is Better?

Shopify and WooCommerce are top of mind for any business owner considering ecommerce for the first time. These ecommerce platforms are convenient and easy to use; however, each comes with its own pros and cons.

While Shopify offers ecommerce infrastructure as a service, powering 1% of all websites, WooCommerce is open-source and grants users more flexibility, powering 4.9% of all websites.

So, while each platform comes with its own strengths and limitations, choosing the one that suits your needs and provides the features you require is important. Here are some of the key factors you need to consider when determining the right platform for your business:

Ease of use
Budget
Payment methods & checkout experience
Scalability
Integration options

In this article, we’ll cover the essential factors mentioned above to help you determine which ecommerce solution is best suited for your business requirements. But first, let’s begin with a quick overview of both ecommerce platforms.

WooCommerce: Display Customer Address @ Order Pay

The WooCommerce Order Pay page URL is generated by the store admin while creating a manual order from the backend. This URL is then forwarded onto the client, where they can pay for the order and complete their purchase.

The other annoying thing about the order pay page, together with strict page permissions, is the fact that the Order Pay page shows no customer billing/shipping address whatsoever. The customer needs to trust in you 100000%, because they’re about to submit a payment without knowing whether they’re paying for the right thing.

Let’s see how we can add the billing/shipping customer address at the top of the Order Pay page. Please note that printing personal data on a public URL is dangerous, so you need to make sure you don’t share the Order Pay URL with anyone but the customer in such case.

So, here’s a quick fix for you. Enjoy!

WooCommerce: How to Enable Distraction-free Checkout

It’s always a sign of success when customers show interest in your products, add them to their carts, and proceed to checkout. But what’s the point if they drop off and leave your site in the middle of the checkout process? Unfortunately, cart abandonment is common, and one of the major reasons behind incomplete purchases is a complicated and distractive checkout procedure.

According to the Baymard Institute research, 26% of online shoppers abandon the carts because of too complicated or too long of a checkout process, significantly impacting the eCommerce sales and revenue – losing $18 billion annually, to be precise.

Losing valuable customers and such a tremendous amount of revenue is no joke – and one of the best ways to prevent this situation is by redesigning the WooCommerce checkout.

The idea is to remove as much clutter and distractions through the checkout procedure – so customers can focus on completing the checkout entirely and end up buying your products.

But first, let’s understand the use of these plugins and how they help your WooCommerce store and eCommerce business.

WooCommerce: Automatically Register Guest Checkouts

A disclaimer first: please make sure this is legal in your country and also that your checkout visitors are aware they will become registered customers without explicit consent (i.e. without ticking a “create an account on this site” checkbox).

So, yeah, there is a way to turn guest checkouts into registered customer ones. Also, there is a neat WooCommerce function to bulk add all past guest orders to a new customer (wc_update_new_customer_past_orders).

Of course, “Allow customers to place orders without an account” must be enabled in your WooCommerce settings, otherwise you’re not allowing guest checkouts and the snippet will be irrelevant.

So, here’s the fix. Enjoy!

WooCommerce: How To Set Up Buy One Get One Free (BOGO) Offers

It’s no secret that the global eCommerce market size is increasing rapidly. Only a couple of years ago, online sales amounted to 17.8% of total sales. That share is supposed to rise to 21% by the end of 2022 and further still to 24.5% by 2025.

As competition heats up, with more players entering the market, customers have more options to choose from. So, how do you thrive in this fiercely competitive atmosphere and maintain your sales growth, while ensuring customer satisfaction?

eCommerce businesses adopt many strategies to entice customers and improve conversion rates. One such effective strategy is offering the Buy One Get One (BOGO) offer and discounts, which helps acquire new customers and turn them into repeat buyers.

Before we explore how you can add BOGO offers to your store to offer discounts to your customers and improve sales, let’s see how exactly such an initiative helps your store’s bottom line.

WooCommerce: Access Thank You Page from Order Admin

I’ve been testing for over an hour but finally I found a way to make this work. When you are in “Edit Order” view under WordPress Dashboard > WooCommerce > Orders, there is a dropdown of “Order actions”: “Email invoice“, “Resend new order notification“, etc.

A major problem I’ve always had while troubleshooting or working on the WooCommerce thank you page was that I had to build that URL by hand in order to view it again (it follows the format https://example.com/checkout/order-received/123456/?key=wc_order_abcdefghijklmn). Also, I wanted to avoid placing additional test orders.

Well, from today, you can access the customer thank you page directly from the “Order actions” dropdown.

Enjoy!

WooCommerce: How to Sell Craft Beer Online

If you sell craft beer, one of the things you can do to increase your sales is setting up an online store where you can sell your beers. Through an online store, you can easily meet the demands of your customers and even deliver the beer to their doorsteps.

When the COVID-19 pandemic struck, many businesses including craft beer businesses could not meet their targets with regards to sales. Their selling activities were affected because they could not deliver beers to restaurants and pubs (they closed down), could not sell to their customers directly, and most shops and stores were closed down.

Selling online and making sure that customers get their beers was the only way left for them. Even though the world has opened up, online shops have picked up and every business needs them for success. So, how do you get started?

Let's Talk WooCommerce, In Person