Disable a Button until Checkbox is Ticked in WordPress
Create a confirm-before-click checkbox for any button on your WordPress site. The button will be disabled until the checkbox is ticked.
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.
Display Taxonomy Terms in an Indexed List
List taxonomy terms in the style of an index, with permalinks to each of the terms. It’s a customisable and easy-to-use shortcode. Handy for use in sidebars, or as part of a dedicated index page.
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.
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.
Create a WordPress Popup Without a Plugin
Learn how to build a configurable popup module you can use in multiple projects. Configurable and extendable, with multiple display methods and no JavaScript dependencies.
Smooth Scrolling Marquee Text Banner
Create a scrolling text marquee banner, like a news-ticker, for your WordPress site with this copy-and-paste tutorial. Supports scrolling to the right for Arabic languages. No plugins required.
Parallax Scrolling Sprites with Rellax JS
We’re going to use the Rellax JS parallax scrolling library to create the effect of rising bubbles, as the reader scrolls down the page.
Button to show a Random Post
Add a button anywhere in your WordPress site that lets users jump to a random post. Works with any post type and with page caching plugins.
Popup Email Form Without a Plugin
Create a popup email contact form on your WordPress site without installing a plugin. We’ll include a GDPR/privacy consent checkbox, and we’ll rinse messages through Spam Shield to block junk messages.
Floating Button Tutorial for WordPress
Add an always-on-top floating button to your WordPress site that displays a fully customisable popup panel when clicked. The whole thing will be mobile-first responsive.
Before and After Image Slider
Learn how to use the Cocoen JavaScript module to create before-and-after image sliders in WordPress. We’ll use the built-in WordPress Gallery Block to make it easy to layout the images.
Restrict WordPress Pages or Products by Country
Conditionally restrict access to WordPress posts, pages and products by country, based on visitor IP Geolocation lookup. We’ll use some geo-IP magic to get a visitor’s country, and compare it against either a block-list, or an allow-list.
WordPress Google Maps Tutorial
In this tutorial, learn how to add Google Maps to your WordPress website without using a plugin. We’ll create a custom shortcode that can be used multiple times on any post/page, and it’ll support multiple markers & popup info windows, with fully customisable HTML.
WordPress Keycaps Shortcode
Learn how to create a neat little shortcode so you can add keycaps into your WordPress posts. The tutorial is super easy to code, and simple to extend.
Upvote and Downvote WordPress Posts
In this tutorial we’ll build upvote and downvote buttons that can be added to any post or excerpt. We’ll start with a requirement specification, break down the components we need, and then code it.
Animated JavaScript Typewriter Text Effect
Create a custom WordPress animated typewriter effect you can add to your hero sections, or to your posts. No plugin required.
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.
Full Width Hero Video Without a Plugin
Learn how to easily create a full-width video hero banner on your WordPress website. No plugin required. Copy-and-paste tutorial.