VAT Toggle adds a small switch that shows your WooCommerce prices with or without VAT. Trade buyers see ex VAT prices and consumers see inc VAT prices, from the same shop. Their choice is remembered as they browse.
The three switches below share one setting, so every price and every switch on the page changes together. Our demo shop has WooCommerce tax turned off, so these sample prices use the same inc and ex price markup the element adds to your WooCommerce prices, at 20% VAT.
Default pill style, with a prefix
Rounded buttons on a dark panel
No prefix, soft buttons, next to the basket
Set up WooCommerce tax once, then add the switch where shoppers will see it.
Turn on taxes in WooCommerce and add your VAT rates, so each product has an inc and an ex VAT price.
Drop VAT Toggle into your header or shop template. Set the labels and which mode first-time visitors see.
Once the switch has loaded on your live site, every WooCommerce price can be shown inc or ex VAT.
Fast switching that works with caching, carts and every price on the site.
On shop and product pages both prices are already in the page, so switching is instant with no reload.
Cached pages are the same for every visitor. The visitor's choice is applied in the browser, before the page paints, so there is no flash of the wrong price.
Cart, checkout and account pages show totals in the chosen mode. These pages reload when the switch changes.
Any element that gets its price from WooCommerce is covered, including Phox product grids and Breakdance's WooCommerce elements.
Sale prices keep their strikethrough and variable products keep their From or price range in both modes.
The visitor's choice is saved in a cookie for a year, so it follows them round the site.
Put a switch in the header and another on the product page. They always show the same mode.
Add a small inc VAT or ex VAT note after every price, with its own colour and size.
If WooCommerce tax is turned off, the switch hides itself on the live site rather than showing a switch that does nothing.
Any shop that sells to both businesses and consumers.
Show trade customers the ex VAT prices they expect.
Let tradespeople and homeowners shop the same catalogue.
Serve business buyers without a separate trade site.
Run one shop for both audiences.
Quote ex VAT for companies and inc VAT for the public.
Default to ex VAT while still letting consumers check the full price.
This is the full list of settings in the Breakdance editor, with their default values.
| Control | What it does | Default |
|---|---|---|
| Content | ||
| Prefix Text | Text before the buttons. Leave it empty to hide it. | Prices |
| Including Label | Text on the inc VAT button. | inc VAT |
| Excluding Label | Text on the ex VAT button. | ex VAT |
| Default Mode | What first-time visitors see: including or excluding VAT. | Including VAT |
| Show inc/ex Note After Prices | Add a small note after every price. | Off |
| Hide When Tax Disabled | Hide the switch on the live site if WooCommerce tax is off. | On |
| Design | ||
| Layout | Alignment (left, centre or right) and gap. | Left, 8px |
| Prefix | Colour and typography. | — |
| Price Note | Colour and font size of the note after prices. | 0.75em |
| Button typography | Colour and typography for the button text. | — |
| Button padding | Padding Y and padding X. | 4px / 12px |
| Button shape | Border radius, border width and border colour. | 999px, 1px, #d1d5db |
| Button colours | Background and text colour. | Transparent |
| Active colours | Background and text colour of the selected button. | #111111 / white |
| Hover colours | Background and text colour on hover. | — |
| Spacing | Margin top and margin bottom. | — |
Yes. The switch shows prices with and without tax, so taxes must be turned on in WooCommerce with your VAT rates added. If tax is off, the switch hides itself by default.
No. It only changes how prices are displayed. Tax is still calculated by WooCommerce at checkout as normal.
Yes. Shop pages carry both prices and the visitor's choice is applied in the browser, so cached pages stay correct for everyone.
The header is a good spot, so shoppers can switch from any page. You can add more than one switch and they stay in sync.
The feature switches on the first time the element loads on your live site. Visit a page with the switch once after publishing, and make sure WooCommerce tax is turned on.
VAT Toggle is included with Phox Elements, along with 150+ other premium elements for Breakdance.