Website Building » WooCommerce » How Do I Add a Sold Out Badge to WooCommerce?

How Do I Add a Sold Out Badge to WooCommerce?

Last updated on January 20, 2023 @ 5:56 am

Adding a sold out badge to your WooCommerce products is a great way to let customers know that an item is no longer available. There are a few different ways to do this, and the method you choose will depend on your specific needs.

One way to add a sold out badge to a WooCommerce product is to use the WooCommerce Product Badges plugin. This plugin allows you to add custom badges to your products, including a sold out badge. To use this plugin, simply install and activate it, then go to the plugin settings page and configure the badge you want to use.

Another way to add a sold out badge to a WooCommerce product is to use the Custom Product Labels plugin. This plugin also allows you to add custom badges to your products, and it includes a sold out badge option. To use this plugin, simply install and activate it, then go to the plugin settings page and configure the label you want to use.

You can also add a sold out badge to a WooCommerce product manually by editing the product template file. To do this, you will need to access your site files via FTP and edit the appropriate template file.

The exact file will vary depending on your theme, but it is typically located in the /wp-content/themes/your-theme-name/ directory. Once you have located the file, simply add the following code where you want the badge to appear:

<p><img src="sold-out-badge.png" alt="Sold Out" /> </p>
PRO TIP: If you are using WooCommerce to sell products on your website, you may want to add a "Sold Out" badge to products that are no longer available. This can help customers know at a glance which products are still available, and can help prevent them from trying to purchase a product that is no longer available.

However, before adding a "Sold Out" badge to your WooCommerce products, there are a few things you should keep in mind:

1. Make sure the badge is visible and easy to see. Customers should be able to tell at a glance which products are sold out, so make sure the badge is large and prominently displayed.

2. Don't use the "Sold Out" badge for products that are simply low in stock. The "Sold Out" badge should only be used for products that are completely out of stock and will not be restocked.

3. Don't overuse the "Sold Out" badge. If every product on your website has a "Sold Out" badge, it will start to lose its meaning and customers may ignore it altogether. Use the badge sparingly, only for products that are actually sold out.

4. Update the "Sold Out" badge regularly. As soon as

You can also style the sold out badge using CSS. For example, if you want to center the badge on the product image, you can use the following CSS:

woocommerce-product-image {
text-align: center;
}

img.sold-out-badge {
margin: 0 auto;
}

Conclusion:
There are multiple ways that you can add a sold out badge onto of a WooCommerce product. You can either install and activate a plugin like WooCommerce Product Badges or Custom Product Labels which both include a sold out badge option that you can configure through the settings page.

If you don't want to use a plugin, then another option would be to edit the product template file which is typically located in /wp-content/themes/your-theme-name/. You can also style the sold out badge using CSS once it has been added.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.