DL Inclusive & Exclusive Tax Prices
Inclusive & Exclusive Tax Prices is a small, focused utility plugin for WooCommerce stores that need to display both tax-inclusive and tax-exclusive prices at the same time.
It does exactly what it says on the tin — no settings bloat, no assumptions, and no UI clutter.
The plugin: * Works only on the front end * Respects WooCommerce tax settings * Handles simple and variable products * Removes the default “From” price text on variable products * Outputs clean, predictable HTML with semantic CSS class names
This plugin is ideal for developers and store owners who want full control over styling and presentation without introducing unnecessary complexity.
Features
- Displays both inclusive and exclusive tax prices
- Fully stylable HTML output
- No admin settings or configuration required
- No impact on the WordPress admin
- Lightweight and reliable
- Compatible with standard WooCommerce tax configurations
How It Works
The plugin filters WooCommerce’s price HTML on single product pages and replaces it with a structured markup block containing:
- Exclusive tax price
- Inclusive tax price
- Clear labels for each value
Prices are calculated using WooCommerce’s native tax functions to ensure accuracy and consistency.
Markup & Styling
The plugin outputs the following structure:
.vat-price ├── .vat-price__row–ex │ ├── .vat-price__value–ex │ └── .vat-price__label–ex └── .vat-price__row–inc ├── .vat-price__value–inc └── .vat-price__label–inc
All elements are fully classed to allow complete styling control via CSS.
No inline styles are added.
Tax Configuration Requirements
This plugin relies entirely on WooCommerce’s built-in tax system. It does not calculate or guess tax values on its own.
To ensure prices are displayed correctly, the following must be in place:
- Tax must be enabled in WooCommerce settings
- At least one tax rate must be configured
- Each product must have the correct tax status and tax class assigned
Once tax is enabled globally, WooCommerce will typically apply the Standard tax rate to products by default. You should review each product’s tax settings to ensure accuracy.
From the product editor, check the Product data panel and confirm:
- Tax status is set to “Taxable”
- The correct tax class is selected (Standard, Reduced, Zero rate, or a custom class)
The plugin will only display inclusive and exclusive prices for products that are marked as taxable. If tax is disabled for a product, only a single price will be shown.
Correct tax configuration is essential to ensure prices are displayed accurately.
Styling Example
The plugin outputs fully classed HTML with no inline styles. Below is an example of how pricing might be styled using CSS:
/* WooCommerce Pricing / / Container */ .vat-price { display: inline-block; line-height: 1.2; }
/* Each line */ .vat-price__row { display: block; margin: 0.15rem 0; }
/* EX VAT price + label */ .vat-price__value–ex { font-size: 1.2rem; font-weight: 600; }
.vat-price__label–ex { font-size: 0.7rem; margin-left: 0.35rem; opacity: 0.75; }
/* INC VAT price + label */ .vat-price__value–inc { font-size: 0.9rem; font-weight: 600; }
.vat-price__label–inc { font-size: 0.7rem; margin-left: 0.35rem; opacity: 0.75; }
All class names are stable and intended for developer customisation.