Fix SEO Warnings about H1 Title Being Too Short
Learn how to fix SEO warnings about the H1 title being too short for WooCommerce product pages. Great for when you need a descriptive product title but you don’t want to rename the underlying product.
Hide Checkout Items Based on Shipping Method
A copy-and-paste tutorial that details how to hide/show elements on the WooCommerce checkout, depending on shipping method.
Add a Low-Stock Filter to the WooCommerce Admin Area
In this tutorial, we’ll make a custom “low stock” filter for the WooCommerce products admin table. We’ll also override the “In stock” text (in the Stock column) to say “Low stock” where appropriate.
Insert Product Price into the Add-to-Cart Button
Insert the selected variation’s price into the add-to-cart button on the WooCommerce single product page with this JavaScript snippet.
WooCommerce Checkout Labels in the Input Fields
Reconfigure the WooCommerce checkout fields so the placeholder labels are inside the field inputs. These compact placeholder labels will resize, depending on whether the fields contain data and/or have input focus.
Add a custom admin column to the WooCommerce orders table
Learn how to add a custom column to the WooCommerce orders table. This tutorial will add a flag for the order shipping country, and it’s easy to extend with your own custom data.
WooCommerce Single Product Image Gallery Grid
Change the WooCommerce single product image gallery into a grid layout, where the featured image and gallery thumbnails all the same size. For variable products, the top-left image is dynamic… so it shows the image of the selected product variation.
Add a products column to the WooCommerce admin orders page
Create a new column on the WooCommerce admin orders page so you can see the products in each order. We’ll hook a WordPress filter to modify the list of columns available to the admin orders table. Then we’ll hook an action so we can render the contents of the column on a per-order basis.
Separate WooCommerce login and registration forms
Learn how to split the WooCommerce login and registration forms into two separate URLs without using a plugin. We’ll also make it easy to add custom fields to the registration form, so you can capture things like billing address when new users/customers register.
WooCommerce Shipping Methods as a Dropdown List
Convert the WooCommerce checkout shipping methods to a drop-down list, or pill-style buttons. It’s copy-and-paste code and you can customise it for your store’s specific needs.
Add GTIN to WooCommerce Product Schema
Fix the “No global identifier provided (e.g. GTIN)” warning from Google Search Console by adjusting the WooCommerce product schema. Works with GTIN, EAN and MPN.
Product Attribute Icons for WooCommerce
Create a strip of product attribute icons and HTML snippets for the WooCommerce single product page. It’s a straightforward copy-and-paste tutorial that’s fully customisable with snippet files and filters, so you can use the same code in multiple projects.
Custom WooCommerce Product Variation Fields
This tutorials covers how to add custom fields to your product variations in WooCommerce, sanitise the inputs and display the fields in your customers’ orders. We’ll do this with a few snippets of code, without installing another plugin. It’s easy to extend, and you don’t need to be a developer to follow it. I promise.
Remove Dashboard from WooCommerce My Account
Remove the Dashboard from the WooCommerce My Account area. Choose a different default page for your customers, like the “Orders” page.
Sign Up to Sendinblue from the Checkout
Create a small amount of code to capture marketing sign-up consent in your WooCommerce checkout. Then register your new customer in your Send-in-blue contact list.
Checkout Address Autocomplete Without a Plugin
Learn how to create an address search with auto-complete for your WooCommerce checkout page, using the Google Places API.
Add Brand to WooCommerce Product Schema
Fix Google Search Console warning, “Missing field ‘brand'”. Learn how to create a Brand attribute and add it to WooCommerce’s schema markup. Improve your products’ search exposure.
Conditionally Required Checkout Phone Number
Make the phone number field in WooCommerce checkout required for some shipping methods, and optional for others.
Export Any CSV Data from WordPress & WooCommerce
This tutorial shows you how to build custom CSV exports so you can extract any data you want from posts, pages and WooCommerce orders.
Custom User Registration Form Fields
Create a custom user registration form in WordPress. Capture custom user meta and show them in the admin columns in the back-end.