Displaying prices with and without VAT in WooCommerce

If we want to display prices with and without taxes (with or without VAT in Argentina) in WooCommerce, we can do so easily, without needing to add plugins or functions.

Go to the Tax options within WooCommerce, Settings, Tax tab:

If we display final prices, as most people do, we only need to add the following under Price display suffix:

Precio sin impuestos nacionales: {price_excluding_tax}

Once this is done, all that remains is to adjust the design slightly so that it looks better.
To do this, under the Customize option, depending on our theme, look for the option to add custom CSS code and include:

small.woocommerce-price-suffix {
font-size: small;
display: block;
margin-top: 5px;
}
small.woocommerce-price-suffix bdi {
font-size: 14px;
font-weight: 5000;
}

You can see examples of how this looks on some of our clients' websites:

• Poxipol Store

• Bazar de Luces