Checkout Page Archives - Page 2 of 7

WooCommerce: Retain Field Values @ Checkout Reload

Go to WooCommerce Checkout as a logged out user. Fill out billing name, surname, address, email and phone. Change your mind and go back to Cart. Return to Checkout. Billing name, surname, email and phone (basically everything but the address) are gone!

But hey, this annoying WooCommerce flaw is about to go away with a few lines of code. Either reload the Checkout page or go back to it later – your info will still be there (as long as you haven’t cleared your cache/cookies and the WooCommerce session hasn’t expired of course).

Enhoy!

WooCommerce: How To Enable “Buy Now Pay Later”

Several eCommerce businesses are increasingly adopting flexible payment solutions – understanding customer needs and demands. Because in today’s digital world of Apple Pay and UPI solutions – a rigid approach toward payment solutions costs businesses a huge deal of sales, customers, and lost revenue.

48% of customers prefer online stores that accept multiple payment methods. In addition, Sezzle’s report suggests that the product’s over-cost is the primary reason behind 55% of abandoned carts. Hence, a flexible payment solution can help reduce cart abandonment and improve your store’s sales in these situations.

And one such highly flexible and customer-friendly payment solution that allows your customers on a tight budget to buy the products they want is – Buy Now, Pay Later (BNPL).

BNPL is a perfect payment solution that seamlessly integrates with WooCommerce and doesn’t require customers to pass a credit check or pay interest.

So, in this article, we share the top BNPL solutions to integrate with your WooCommerce store. A growing number of BNPL options, including some of those appearing in this list, can easily be configured through PeachPay, a one-stop-shop checkout & payment solution for WooCommerce stores.

But before we get ahead of ourselves, let’s learn more about this type of payment option and its benefits for your store’s sales and overall growth.

WooCommerce: Only Allow to Buy a Product Once

In the era of online courses, subscriptions, custom-made products and product personalization, it may happen a scenario where a user can only purchase a product once in their lifetime.

In this short tutorial, we will see how this is done.Clearly, the user must be logged in in order for the code to trigger, so this applies to stores that require checkout login in order to proceed with the order.

Enjoy!

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 Build a One-Product Website

Crocs started by selling just foam clogs, and now they’re a billion-dollar company. Casper earned millions selling only mattresses, while Sara Blakely became one of the youngest self-made female billionaires with Spanx, which sold only underclothes initially.

Can you guess what all these brands have in common? It’s that they started off by selling just one product, built their entire brand around it, and yet became successful.

Today, most eCommerce businesses sell multiple products – because of the presumption that the more products you offer, the higher chances of converting visitors and making a sale. But from managing operations to inventory, a store with many products comes with its own problems.

On the other hand, selling just one product can streamline your store’s operations and make inventory management and handling orders easy.

It allows you to focus all your energy and resources on creating, marketing and improving a single product. If done correctly, this can help you build a significant brand value – as people will start associating your store with your flagship product, making you an expert in your market and helping you stand out from your competitors.

Given its benefits, creating a one-product store is an excellent idea – all you practically need is the right product for your customer’s needs and a solid, easy-to-navigate website.

Lucky for you, this article will help you with the latter, taking you through all the steps of creating a fantastic WooCommerce website for your one-product store.

Let’s begin!

WooCommerce: Why Use Country-Based Plugins (Germanized, Japanized, …)

What do Germany, Japan, Brazil, and the Czech Republic all have in common?

If you guessed that, in each country’s case, local WooCommerce merchants benefit from a country-specific plugin; I’m talking about Germanized for WooCommerce, Japanized for WooCommerce, Brazilian Market on WooCommerce, and WPify Woo Czech.

If you’re in one of these countries, then you should definitely check the plugin in question out.

We’ve spoken about how WooCommerce is going global in past posts and about what you need to do to internationalize your WooCommerce store.

If you’re charting an expansion to one of the aforementioned countries, then you are also in the target market.

WooCommerce: Top Checkout Field Editor Plugins

If you haven’t thought about checkout page customization before, perhaps it’s time to start doing so.

There’s no question that it’s a hot topic in the WooCommerce community since, admittedly, the default checkout page leaves a lot to be desired.

You don’t want to be behind the curve. Here at Business Bloomer, Rodolfo has put out 90+ different checkout page snippets that have been eagerly lapped up by the WooCommerce developer and merchant community. Seriously, these are some of our most widely read and engaged posts.

But in addition to snippets, it’s worth checking out some checkout field editor plugins. Sometimes, instead of a specific tool with a narrow focus, you need a Swiss army knife. Think of snippets as the tools, and checkout field editors as the Swiss army knife.

WooCommerce: Show Product Images @ Checkout Page

Show WooCommerce Product Images @ Checkout

The Order Review section of the WooCommerce Checkout Page shows the product name, quantity and subtotal. No sign of the product image, which can be very useful to identify/differentiate between similar products or product variations.

This simple snippet will help you display just that: the featured image beside the product name inside the order review table. Easy peasy. Enjoy!

WooCommerce: Move Labels Inside Checkout Fields

Although UX and accessibility experts won’t like this customization, it’s still important to know “what’s possible” with WooCommerce.

In regard to the checkout form (billing + shipping + notes), there is a useful “woocommerce_checkout_fields” hook (filter) that is widely used by developers like me to alter the behavior of input fields.

In today’s episode we will take a look, indeed, at how to remove the checkout field labels from their default position (above fields), and use them as placeholders instead, so that we save up some vertical space.

Enjoy!

WooCommerce: How to Install PeachPay in Minutes

You build your online eCommerce store, optimize it to drive conversions, and manage it exceptionally well to deliver quality performance to your customers. However, despite these efforts – over half of your website visitors don’t complete the checkout process and abandon your store without making a purchase.

So, when you’re so close to making a sale, what makes customers leave your store? While there can be many reasons, one of the most common is a long checkout process.

Forter’s statistics suggest that around 50% of customers may abandon their shopping carts if the checkout takes longer than 30 seconds.

The solution? PeachPay for WooCommerce.

PeachPay provides a one-click checkout experience – making checkout less cumbersome and increasing conversions to your store. In addition, it allows repeat customers to checkout with a single click – thus enhancing customer convenience. Learn more about PeachPay’s one-click checkout here: WooCommerce: The Elusive Nature of 1-Click Checkout.

This article shares a step-by-step process to install PeachPay on your WooCommerce store. But first, let’s take a brief look over its key features.

WooCommerce: Quick Cart Abandonment Solutions

Automattic-acquired WooCommerce platform is one of the largest eCommerce giants – powering 29% of all online stores. It isn’t even a decade old and is already known to be a market leader – with about 5M+ active installations.

What makes WooCommerce so popular amongst eCommerce merchants is its enhanced customization ability – allowing them to tweak their store’s appearance and functionalities per specific business goals. However, eCommerce merchants’ biggest unsolved issue is the increasing cart abandonment rates.

This is where Shopify gets a competitive edge with its ShopPay checkout feature – an effective way to speed up transactions and ensure frictionless checkout for customers to reduce cart abandonment.

Today’s customers expect the checkout process to be quick and easy – which otherwise makes them abandon your website and leave the items in the carts unpurchased. The longer it takes for customers to complete the checkout – the more they’re likely to switch to convenient eCommerce stores like Amazon, which offers one-click checkout. Unfortunately, 97% of customers opt out of making purchases simply because it isn’t convenient.

We discussed the growing fickle nature of customers in the previous article – but the key takeaway is that while WooCommerce provides a convenient default checkout solution, it doesn’t offer a way that matches Amazon’s and ShopPay’s quick and one-click checkout service.

So, what’s the solution for WooCommerce merchants, and is there any way to provide an equivalent checkout experience as ShopPay or Amazon? Let’s find out.

WooCommerce: Exclude Product From Discount Coupons

WooCommerce coupon settings allow you to define allowed products (or product categories). What’s missing, however, is the other way around: how to set up a product so that it can never be discounted?

Thankfully, a handy WooCommerce filter comes to the rescue (“woocommerce_coupon_is_valid_for_product“) and we can therefore make all coupons “invalid” when a given product is in the cart. Enjoy!

WooCommerce: The Elusive Nature of 1-Click Checkout

Increasing sales and conversion rates is one of the major goals of every eCommerce store owner. However, it’s no secret that you can only achieve it by attaining a peak level of user and customer experience.

While at the beginning of the dot com online shopping era, customers were elated with the mere fact that they could buy anything they desired from the comfort of their homes – no matter the payment method or how long the delivery takes. Customers today are very particular about their preferences and expectations – especially when it comes to checkout.

Checkout is an essential factor in improving customer experience as it’s where your customers finalize their sales and pay for the products or services you offer. For example, Amazon – one of the biggest eCommerce giants, provides an optimal and one-click checkout experience to its customers.

While many eCommerce companies still cling to the multi-step checkout process – one-click checkout delivers simplicity and speed in the customer checkout process. The key is to make checkouts smooth and quick – eliminating the hassle of entering card details repeatedly for your customers. Out of 69.80% of cart abandonment rate – 18% of customers abandon their carts because of a long and complicated checkout process.

The solution? PeachPay, the one-stop-shop checkout & payment plugin for WooCommerce.

An instant and less complicated checkout process significantly impacts conversion rates and boosts your sales. So, in this article, we’ll see how you can use and enable PeachPay – an excellent WooCommerce-funded checkout & payment plugin, to boost conversions and sales.

But first, let’s quickly see how a one-click checkout solution will benefit your WooCommerce store.

WooCommerce: Add a WordPress Customizer Setting

If you’ve taken the ConfigureWoo online course, you’ll know that WooCommerce adds its own “WordPress Customizer” section called “WooCommerce”, indeed. From there you can manage some settings such as the store notice, product images, checkout fields and so on.

What if you want to add your own settings, and let yourself or your client toggle options or type input values, so that this can be applied to your current WooCommerce website? Well, that’s quite doable, so in this post we’ll see how they do it. Enjoy!

WooCommerce: Update Order Field Value After a Successful Order

We’ve already seen how to update user meta after a successful order, but this time our goal is to “correct” or “edit” a checkout field value after the order is placed.

You could for example add a phone number prefix if it’s not there, and by doing so, correct the phone number before sending it to your courier. Likewise, you could remove punctuation, trim spaces, format accents, and do any manipulation you desire on whatever order field.

So, here’s how they do it. Enjoy!

WooCommerce: Checkout Test Automation 101

Testing the WooCommerce checkout is extremely important for your ecommerce business.

Every time you install a new plugin or update WordPress you might run into issues: for example, the cart and payment pages could stop working until you fix the problem.

You don’t want to lose sales and undermine your website reputation, do you? So you must test all the WooCommerce processes on a regular basis, also called “end to end” (E2E) testing.

But how can you do that without wasting too time?

Spoiler alert: simply create an automated test, and let the robot test your WooCommerce website on a regular basis, so that you never have to worry about doing it manually.

Luckily for you, there are some great tools – such as the two you will soon read about – and WooCommerce professionals that can do it for you on a daily or whatever basis.

Here’s your quick introduction to setting up your checkout test automation.

Cheers to a checkout page that works 365 days a year.

WooCommerce: Multiple Stripe Accounts (Solved)

The WooCommerce plugin fully integrates with the WooCommerce Stripe Payment Gateway plugin, developed by Automattic itself. With this free plugin, Stripe payment gateway can be enabled via the WooCommerce settings and once your Stripe “Live Publishable Key” and “Live Secret Key” are set, your WooCommerce shop is ready to take credit card payments powered by Stripe.

Now, there is some documentation online which explains, with a little bit of code, how to switch Stripe account programmatically and conditionally i.e. for a given product ID or product category slug – same as what we’ve seen recently with PayPal Standard (here’s the tutorial for using different PayPal accounts inside a single WooCommerce installation). For example, you may want to use a Stripe account for digital sales and a different one for physical products.

Unlike PayPal Standard, however, online documentation and snippets are quite out of date and require, often, to create a custom Class which is always a difficult task in PHP programming. Thankfully, there are new WooCommerce Stripe hooks and therefore it’s possible to use different / multiple Stripe accounts in a single WooCommerce installation.

Please read the disclaimer below and – only then – enjoy!

WooCommerce: Multiple PayPal Accounts (Solved)

The WooCommerce plugin comes with its own free version of PayPal Standard. PayPal can be enabled via the WooCommerce settings and once your PayPal email is entered your WooCommerce shop is ready to take PayPal payments.

Now, there is extensive documentation online which explains, with a little bit of code, how to switch PayPal account programmatically and conditionally i.e. for a given product ID or product category slug. For example, you may want to use a PayPal account for consulting services, another for online courses and another for physical products.

By adding this simple code and hooking into woocommerce_paypal_args is indeed possible to use different / multiple PayPal Standard accounts in a single WooCommerce installation.

However, there is an outstanding problem with “IPN Validation“: once you tell WooCommerce to use a different PayPal email account, the WooCommerce order is correctly placed, but its status goes “on hold” because IPN validation on the PayPal end fails (and that’s because you’re using a different PayPal account).

So, here’s the fully working version, included the IPN validation fix. Please read the disclaimer below and – only then – enjoy!