{"id":7324,"date":"2020-05-27T02:28:40","date_gmt":"2020-05-27T02:28:40","guid":{"rendered":"https:\/\/expertwebtechnologies.com\/?p=7324"},"modified":"2026-10-06T13:19:41","modified_gmt":"2026-10-06T13:19:41","slug":"woocommerce-display-free-if-product-price-is-0-or-empty-on-woocommerce-cart-page-or-checkout-page","status":"publish","type":"post","link":"https:\/\/eoxysit.com\/blogs\/woocommerce-display-free-if-product-price-is-0-or-empty-on-woocommerce-cart-page-or-checkout-page\/","title":{"rendered":"WooCommerce : Display \u201cFREE\u201d if Product Price is 0 or Empty On WooCommerce Cart Page Or Checkout Page."},"content":{"rendered":"\n
\n

Do you ever need to replace the default WooCommerce pricing label for a free product?<\/h2>\n

If we ask any user what will he\/she like the text “FREE”<\/b> or a price tag of “0.00”<\/b>. Majority will say “Free”<\/b> Attracts More.<\/p>\n

Now Let’s talk about WooCommerce ,In WooCommerce when product price is zero or empty then on cart page or checkout page and product page will show zero price ($0.00).<\/p>\n

Instead of showing the default WooCommerce pricing label of $0.00, you want to show custom text,like \u201cFREE\u201d or \u201cDownload Now\u201d.<\/p>\n

\"null\"<\/figure>

<\/p>\n

In Previous Image we so price tag , But I still believe \u201cFREE\u201d looks much better than \u201c$0.00\u201d. It\u2019s much more enticing, isn\u2019t it?<\/p>\n

For Cart and Checkout Page:<\/h3>\n
function<\/span> FreeCartItemPriceCustomLabel<\/span>( $price, $cart_item, $cart_item_key ) {\n $FreeLabel = '<span class=\"amount\" style=\" color: #f7ad06 !important; \">' . __('Free') . '<\/span>';\n if( $cart_item['data']->get_price<\/span>() > 0 ){\n  return<\/span> $price;\n }else{\n  return<\/span> $FreeLabel;\n }\n}\nadd_filter<\/span>('woocommerce_cart_item_subtotal'<\/span>,'FreeCartItemPriceCustomLabel'<\/span>, 21<\/span>, 3<\/span>);\nadd_filter<\/span>('woocommerce_cart_item_price'<\/span>,'FreeCartItemPriceCustomLabel'<\/span>, 21<\/span>, 3<\/span>);<\/code><\/pre>\n
\"null\"<\/figure>
<\/p>\n
\"null\"<\/figure>
<\/p>\n
For Single Product Page:<\/h3>\n
Display \u201cFREE\u201d if WooCommerce Product Price is 0 or Empty on Single Product Page<\/p>\n
function<\/span> FreeCartItemPriceCustomHtml<\/span>( $price, $product ) {\n if ( '' === $product->get_price<\/span>() || 0 == $product->get_price<\/span>() ) {\n  $price = 'FREE';\n }  \n}\nadd_filter<\/span>('woocommerce_get_price_html'<\/span>,'FreeCartItemPriceCustomHtml'<\/span>, 21<\/span>, 2<\/span>);<\/code><\/pre>\n
Or<\/h3>\n
function<\/span> FreeCartItemPriceCustomHtml<\/span>( $price, $product ) {\n if ( empty( $product->get_price<\/span>() ) ) {\n  $price = 'FREE';\n }  \n}\nadd_filter<\/span>('woocommerce_get_price_html'<\/span>,'FreeCartItemPriceCustomHtml'<\/span>, 21<\/span>, 2<\/span>);<\/code><\/pre>\n
Using “if<\/strong>” conditional statement we are just checking the price to make sure that it is \u201cempty\u201d i.e. free or price zero, and then if it is, returning different label text which in the case above is the word \u201cFREE\u201d.<\/p>\n
If the product is not free, then we don\u2019t change anything and return the original price.<\/p>\n<\/div>\n
Related reading:<\/strong><\/p>\n