Saltar al contenido

Optimize in WooCommerce Checkout

febrero 2, 2020


recently went with a friend to take a breakfast of those champions in a cafeteria at the next to my house and wanted to invite. I went to the cashier to pay and the bill came to 9.50 euros, took out my card to pay and see her, the waiter told me that the minimum card payments were 10 euros.

‘m not really put into banks, TPVs of physical stores and those subjects, but I found a bit exaggerated the fact that there are still «minimal» to pay by card and the minimum was such a high amount for a coffee shop.

I tell you this because the situation at the time of payment, left me with a slight bad taste. The mere thought that if I do not carry cash I can not take a simple coffee, makes you choose another cafe that has no minimum for debit cards in this world so digitized.

And is that (here is where I make a fantastic relationship with what this article) time to pay for your online store WooCommerce equally affects how I affected me in this cafe that you mention.

Throughout this article I’ll tell why it is so important to have optimized the WooCommerce Checkout in .

we review some concepts, some tips, and I will mention some addons to help you on your order to optimize the WooCommerce Checkout.

Table of Contents

  • What is Checkout, and why it is so important
  • The «nice» Checkout of WooCommerce
  • Optimize Checkout in WooCommerce
  • Checkout a vs page Checkout several pages
  • Campos no they need
  • You really need confirmation? Really? Insurance?
  • Links to other
  • pages

  • mandatory Accounts vs Guest Checkout
  • not pay me in yuans on a platform of Yemen
  • Examples of useful addons to optimize Checkout in WooCommerceCheckout WCWooCommerce One Page CheckoutWooCommerce Checkout Field EditorWooCommerce Checkout Add-OnsWooCommerce Checkout Manager
  • Checkout WC
  • WooCommerce One Page Checkout
  • WooCommerce Checkout Field Editor
  • WooCommerce Checkout Add-Ons
  • WooCommerce Checkout Manager
  • Conclusions
  • Checkout WC
  • WooCommerce One Page Checkout
  • WooCommerce Checkout Field Editor
  • WooCommerce Checkout Add-Ons Manager
  • WooCommerce Checkout


What is and why it is so important

know this part of the article is very obvious, but we must mention.

Quick Checkout definition, which means fast: where you pay at the online store.

the definition a bit more «book» is: The highlight of online shopping experience, where the consumer faces the awkward moment to take out your credit card and write the details of it, to be appropriate the purchase of an «intangible» product first, because you can not «touch» (at the least until I get him home).

The Checkout is directly related to conversions have your store online .

This means that a good Checkout mean increased sales and a bad Checkout, less sales (here influence various aspects of user experience (UX) and user interface (UI)).

said then know why sometimes it is sufficient to leave the Checkout as comes default WooCommerce (call the Checkout nice ), and sometimes appropriate, as we have product optimize a certain way (we’ll call the Checkout Optimized ).

The «nice» of WooCommerce Checkout

This is what I call the nice Checkout, which is the default next in WooCommerce. Not for nothing incorrect Checkout. A reverse:

  • is very careful visually
  • is simple, clean, unhampered
  • offers multiple payment gateways default (and you can add you need)
  • Shipping and costing necessary and semi-automatic.

For many types of product, will suffice to use Checkout on WooCommerce default one.

However, if you want to go further, you should start optimizing the Checkout, however it was little optimization. We see this in the next section of the article.

Optimize in WooCommerce Checkout

Right now you’re wondering how to know when it is appropriate to divert our sales strategy during Checkout to something more specific and optimized.

Depending on the greater or lesser importance you want to, there are cases where the User Experience (UX) should focus more on one type of Checkout or another.

is why the first thing I recommend is to recognize who your customer perfect, and what you need, based on your product (and your own needs). Hence

optimization acquire one way or another, and you begin to realize that optimization is not always «remove» can also be «add».

This means that for example: You sell products

  • intangibles (you do not need certain fields in Checkout).
  • Vendes very specific services (need more fields in Checkout).

To make a clearer example of why «how nice» is not always «optimized», will get a specific case.

have an online store where you sell customized products.

Your client typically selects one of your products, and design a small application on your website, add your own designs or manufactures one design with the material that you will offer.

When you are ready, add it to the shopping cart and pay it.

In this small «user experience» some elements to optimize are:

  • Let there be confirmation to close the window (so you do not waste your design)
  • any possibility to keep the design
  • That process it is defined in several phases, with a status bar indicating how much remains to complete and pay.
  • there is a display of «order confirmation» before payment, to avoid errors or cancellations.
  • Let there be a field to add a personalized card or wrapping or gift.
  • Etc.

better understanding Are you going? An optimized Checkout is different for each type of project, and in most cases you who are going to decipher what is better or not, or what your customers need or not.

However, there are a number of general characteristics to optimize in WooCommerce Checkout, and you describe the step below.


Checkout Checkout vs multipage page

In example we have put in the previous section, we saw that it would be better to have a multi-page Checkout, although revealing our client the stage where it is, and how many phases are, by a visual indicator.

A product being our example a product quite complex, perhaps a single page Checkout would have seemed too encouraging and long, which would increase the possibility of abandoning the web .

is why there is no right or wrong choice as to have a Checkout of a page or multiple pages. A

the same as for simple products and common, the check-in WooCommerce, by default, is more than enough for most cases, a single page Checkout is also sufficient.

However, up to you to decide which would be better (which would optimize more) not to lose that momentum of the client when it starts to get credit card from his wallet and pay you a certain amount of money.

fields not needed

Although the title is pretty self descriptive, it is important to emphasize that vigiles the information you require your potential buyers to complete their orders.

Although it sounds obvious, often forget to remove certain fields that condition much the buying mood of visitors to your online store.

can be equated to when you are interested in items from a web, and decide to subscribe to your newsletter; Imagine that you sign up for it, I asked your address, and your phone number. Would not it make much sense to you? Can you would remove the urge to fill it?

Within this section also goes into the «delete» elements within the camps themselves. For example, if your store only sells to Spain, as well as I noted in a visible place of your web, try to select when the country appears by default «Spain» and you can not switch to another.

Imagine the disappointment that someone who has bothered to add products to your shopping cart carries, and fill several fields, choose your country, enter the details of your credit card, and the giving «pay» appears a message of «do not ship to this country.»

conclude this section by saying that if you really want to leave certain fields, in principle unnecessary, but which you would like «stop right there» in case you want to fill, at least do not mandatory.

You really need confirmation? Really? Insurance?

This section refers to notifications, confirmations or information ambiguous or unnecessary your web can offer.

For example, in the fields of name, would it be feasible to an information icon saying «Put your name here, eg Manolito» ?.

Do not you think that icon would subtracting points the attention of the customer, with a message that does nothing, and weakening momentum that wonderful time of purchase?

And not only true for tooltips or unnecessary information by icons helps the side of each field. Also it applies to confirmation pages unnecessary product.

For example, buying some shoes are size 40. You’re going to the shoe, you choose the color, size you choose, and give it to add to the cart; pinchas in the basket, and buy.

would you see necessary here a page of «confirmation color and size of the shoe» with a button «back» and a «pay now», which take you to another page with payment information and shipping?

Or would it be simpler than on page of the cart, are already seeing a picture of the shoe with the chosen color, and size to the side, along with the price), and on that same page, information shipping, email and information from credit card?

Whenever you have any questions or need inspiration, I go to sites like Amazon, which has, in my view, the best process all Checkout Internet.

links to other pages

Sometimes we feel the need, depending on which product to offer extra information on it.

Whether by inclusion of links of informative (page manufacturer, contact forms on different pages, etc) or commercial (links to other products within the page itself Checkout), we completely forget that link that favors divert attention from the person interested in buying our products, and thus hurts our chances of sales.

If these links need to include at least beam to open a new tab in the background.

However, do not get obsessed with this topic of links, because most users already know that holding down the «Ctrl» key and clicking on the link, the link opens in a new tab, and allows them keep browsing tab where they are.

Accounts mandatory vs Guest Checkout

A the same as when you enter an online store, and do not see the prices, and to see them have to register does not agree in 99% of cases forcing the user to take an account on your website, to pay you for a product.

Ideally, users can be done, but do not put as a mandatory requirement.

Stick to «let him see» the advantages of being a user of your website (wish lists, periodic discounts, and even a 15% discount on your next purchase) for example.

not pay me in yuans on a platform of Yemen

In this section mean to use known payment gateways, and modern.

I think gone are the tedious virtual TPVs old banks, and today are most commonly used platforms confidence (or the less well known), Paypal, Stripe or type.

For example, when you use Paypal, the user already knows itself to be redirected to PayPal page to enter your user name and password, pay automatically return to your checkout page (I’m not very favor of this, but Paypal users may feel safer seeing your payment is always made within Paypal).

On the other hand, Stripe allows card payment quickly, very professional, and without leaving the web. This makes the user «was not cluelessness» and give him fewer opportunities to back out when pay you (in the case of Paypal, you can think it over twice to see again the figure to be paid on your account Paypal, or that’s my opinion from the point of view UX).

There are others like that work much like, but is not widely used in Europe (it is used more in USA).

To summarize this section: offers several payment options known, to generate confidence in the person you want to pay for a product or service you sell.

Examples of useful addons to optimize Checkout in WooCommerce

Paso to mention you below some plugins / addons for your online shop WooCommerce, which will help improve the Checkout and optimize it (albeit a little more than just and as you have it).

Checkout WC

This plugin, an annual subscription, premium offers a substantial improvement in your Checkout. Webempresa recalls that provides support for plugins not pay, so if you have any questions, supported by the developer.

WooCommerce One Page Checkout

Being original home of WooCommerce this plugin will allow you to streamline the checkout process to one page.

In many cases simple products, this small change can mean a considerable increase in sales. or less of the retirements of the cart of your website.

WooCommerce Checkout Field Editor

This plugin also WooCommerce officer, you can add, edit and delete custom fields to your Checkout.

This function can be done by code, but this plugin prevents you having to touch the code, and make it faster and easier for «non-technical».

WooCommerce Checkout Add-Ons

Finally I bring an extension that lets you add items to your shopping Checkout page, a product that is already buying.

is, it works like when you order a pizza, and every «topping» extra costs a little more money. This is great for selling additional services or add-ons for a specific product without thereby affecting the Checkout, and increasing the chances of increasing your income.

WooCommerce Checkout Manager

I bring as a last plugin for WooCommerce a fairly interesting and free, you will optimize your Checkout enough.

Among other things allows you to manage well the required fields, add new, delete, mandatory or not make them, make them conditional, add files to the Checkout, and many more options than you yourself can read on the website of the plugin. We


seen that in order to optimize the Checkout page in WooCommerce, should first know whether or not our product needs a more elaborate or optimization.

also must analyze the fields and items already in the Checkout , and try not adversely affect the buying process, or divert too much attention from our customers when it comes to paying for a product or service we sell.

There are plugins that we are going to help optimize the experience of our users, and especially to provide a system that works, and generally have much chance of success in producing a sale.

Hope you have interested in this article and to investigate more on your own on this subject, to be able to create real vending machines online.

A hug and see you in the next article!