WooCommerce checkout features - which are mostly related to payment settings - play a vital role in running an online store. It's often thanks to them that a customer decides to make a purchase. Therefore, provide your customers with convenient payment methods, so they are more likely to buy from you. Read our step-by-step guide through the WooCommerce settings, the [ woocommerce_checkout] shortcode, guest checkout & checkout customization!
Are you sure you've set your WooCommerce checkout right and configured all the necessary settings?
Today, I will show you how to use the shortcode, and customize the WooCommerce checkout page design to get more sales! Let's begin!
Table of contents
- WooCommerce Checkout Settings
- How to manage WooCommerce checkout fields
- Get a FREE plugin to customize your WooCommerce checkout
WooCommerce Checkout Settings
You can find them under the General, Tax, Payments, Accounts & Privacy, and Advanced tabs on the WooCommerce → Settings page.
Each section has settings that will affect the checkout page design.
Enable the use of coupon codes - select this option if you would like to create coupons that your customers can use when placing an order. If you turn on this feature, a coupon code field will appear on the cart and checkout pages.
Calculate coupon discounts sequentially - choose this feature if you want multiple coupons to lower the price discounted by the previous coupon rather than allowing multiple coupons to always lower the same value of the full price.
For example, your customer has received two coupons that they are using while placing an order:
- The full price of the ordered product is $100.
- The first one is a 10% off coupon, and the second one is 20% off.
- How we calculate the discount if we turn off the feature: $100 * 10% + $100 * 20% = $10 + $20. Therefore, the discount is $30 off while the discounted product price is $70.
- How we calculate the discount if we turn on the feature: $100 * 10% + ($100 * 10%) * 20% = $10 + $18. Therefore, the discount is equal to $28 and the lowered price is $72.
Display prices in the shop - decide if you want to show prices with or without tax.
Display prices during cart and checkout - choose if you want to display prices including or excluding tax in the cart and checkout pages.
Price display suffix - this setting is optional. You may set the price suffix that will appear next to the prices on the product and catalog pages. It will not affect the prices in the cart or checkout pages.
Here, you can configure the shipping zones, shipping methods, and costs that will appear on the WooCommerce checkout page.
The table shows all the payment gateways that are available at your store. You can drag and drop the gateways to rearrange them. Also, you can press the name of a specific payment gateway to edit it.
When you install WooCommerce, you will find the following 4 available payment gateways, but of course, you can install more:
- Direct bank transfer (BACS)
- Check payments
- Cash on delivery
Accounts & Privacy
Guest checkout in WooCommerce settings
Allow customers to place orders without an account - enable this option if you want to allow for placing orders without creating an account. We suggest that you turn on this feature since many customers decide against buying if they need to set up an account. So, this option will turn on guest checkout in WooCommerce!
Allow customers to log into an existing account during checkout - enable to let existing users to speed up their shopping.
Please remember to set SSL for your WooCommerce so that orders go through a secure connection (https://). It's a must for virtually every online store nowadays.
Account creation settings
Allow customers to create an account during checkout - enable this option to let buyers create the account in your WooCommerce store during checkout.
Use additional settings to decide about account creation, the My Account page, and personal data removal.
Page setup settings
Cart page - select a page that you will use as the cart page. Then include the [ woocommerce_cart ] shortcode on one of your pages.
Checkout page - choose a specific page for the checkout page. Remember to add the [ woocommerce_checkout ] shortcode in the content of one WordPress page to show the WooCommerce checkout form.
My account page - select a page for the My account page and include the [
woocommerce_my_account] shortcode on a page.
Terms and conditions - choose a page for the terms and conditions. You will require your customers to accept your terms and conditions before they can place an order.
Checkout endpoints settings
In this section, you need to define unique endpoints that will be added to the URL:
Thanks to endpoints, each page will receive a unique URL. Remember not to use diacritics or spaces here. For example, a URL of a page on which you thank your customer for placing an order may look like this:
Account endpoints settings
Similarly, you may change the default endpoints to the specific parts of the WooCommerce My account page.
How to manage WooCommerce checkout fields
As you see WooCommerce checkout has a great experience out of the box, but there is one crucial feature missing. It is not possible to manage WooCommerce checkout fields. This is sometimes necessary to do.
🤔 Imagine that you only sell digital goods and you do not want to ask your customers for all address information. Just a name and an e-mail will do. Or on the other hand, you may want to add some fields to the WooCommerce checkout. Let's say you want to collect some information about your customers, i.e. VAT number or what they do professionally.
Here at WP Desk, we get one very valuable information about our customers that we use to streamline our plugin experience, how do our customers use the plugins:
👉🏻 By asking this question we know who are our customers and what's more important how much each group spends and how much revenue we make.
This simple but powerful feature is unfortunately not available in WooCommerce.
But there's a plugin for managing WooCommerce checkout fields
When we first started using WooCommerce we were certain that managing checkout fields will be a crucial feature and we created a plugin for that: Flexible Checkout Fields. This WooCommerce checkout manager is available both in the free and in the PRO versions. Watch this video to check what the free version can do:
Customize WooCommerce checkout page design (free plugin)
You may also start with the free version of the plugin!Download the free plugin →
Today, you've learned how to set up the WooCommerce checkout page and customize the checkout design and its fields with a plugin!
If you have any questions contact us!