Looking for a WooCommerce hide price tutorial so that you can hide product prices from some or all of your store's visitors? Hiding prices from public view works great for wholesale stores, catalog sites, and many other situations. But, unfortunately, WooCommerce doesn't include any built-in functionality to hide product prices.
Don't worry, though! It's definitely doable, and you won't even need to write a line of code to set it up. Yup – you'll be able to hide WooCommerce product prices with no code snippets or editing functions.php!
In this guide, we'll show you how to hide prices in WooCommerce for a few different scenarios. By the end, you'll be able to completely hide prices for all visitors, conditionally hide prices by user role or logged-in status, plus a few other scenarios!
When does it make sense to keep prices hidden?
There are a lot of different use cases in which you might need a WooCommerce hide price plugin. Let's run through some situations in which this functionality makes sense:
- Wholesale stores If you have a WooCommerce wholesale store, you probably want to hide your prices from retail customers while still letting authenticated wholesale customers see the wholesale price.
- CatalogsIf you just want to create a browsable catalog of products, but don't actually want to sell them through your website, you might want to hide the price and add to cart button.
- Members-only stores Similar to a wholesale store, you could create a members-only WooCommerce store where only registered shoppers can see the price. You could even combine this with a WordPress membership plugin to charge users to sign up to your store and see the prices.
You can probably come up with your own scenarios where your store can benefit from a WooCommerce hide price plugin, as well.
What you need to hide prices in WooCommerce
In order to follow this WooCommerce hide price tutorial, there are a few plugins that you might want to use, depending on the exact functionality that you want to implement.
First, there's WooCommerce Product Table, which lets you list all or some of your products in a flexible table layout. It's an alternative to the default WooCommerce shop page that you can use to completely replace the shop page, or in addition to the WooCommerce shop page.
The plugin lets you control exactly which columns display in your product table, which makes it easy to hide the product price, or even remove the add to cart button completely.
If you're just looking to create a catalog or table listing and you want to hide the price from all users, WooCommerce Product Table will be all you need.
If you want to conditionally hide WooCommerce product prices, then you also might want the Hide Price Until Login plugin. This plugin lets you show/hide WooCommerce prices depending on:
- Whether or not a user is logged in.
- A user's role.
It also integrates perfectly with WooCommerce Product Table. So you could, for example, create a product table that does include a price column, but only displays the price in the column if a user has a certain role or is logged in. Using WooCommerce Product Table means there's no code required – no custom CSS needed, or the like!
How to hide prices in WooCommerce: Different scenarios
Now, let's dig into the actual WooCommerce hide price tutorial and we'll show you how to hide prices in WooCommerce for a few different scenarios. You'll learn how to hide WooCommerce product prices...
- For all visitors to create a catalog with no price and/or add to cart button
- Until a user logs in
- Based on user role
- In a product quick view lightbox
- For variable products
- And again, you'll be able to do all of this without any code or needing to edit your functions.php file.
For these tutorials, let's say you have a simple product table like below and want to hide the price:
Now, here are the different ways that you can set up WooCommerce hide price functionality. Let's run through them one by one.
How to create a catalog page with no price or add to cart button
Before we get into how to hide prices in WooCommerce for some users but not others, let's talk about how to completely eliminate price from the equation for all visitors. For example, you could use this to create a catalog page with a searchable directory of all your products.
For this use case, you'd likely want to:
- Hide all mention of prices
- Hide the add to cart button
To set this up, you can use WooCommerce Product Table to create a table view catalog of products. This also has the benefit of adding user-friendly filters and search options to help shoppers browse your catalog.
Then, all you need to do is remove the price and add-to-cart columns:
Once you remove them, there will be no more price or add to cart button in your product list:
To ensure that visitors can't click through to the single product page (and see the price and add to cart button there), you'll also want to use WooCommerce Product Table's Product links option to turn off links to the single product page:
Or, another user-friendly option would be to stack WooCommerce Product Table with the WooCommerce Quick View Pro plugin so that when a user clicks on a product name, it opens the product quick view box instead of taking them to the single product page.
The WooCommerce Quick View Pro plugin gives you built-in options to turn off the price and add to cart button, so this will let shoppers view more details about your product without exposing the price:
Combining WooCommerce Product Table and WooCommerce Quick View Pro would let you create a catalog function like this:
You can filter by specific product categories, in order to hide prices on category pages too.
If you want to hide all WooCommerce product prices until a user logs in, you can use the free plugin Hide Price Until Login plugin at WordPress.org. For example, if you're running a wholesale store, this would let you make your product catalog public, but only show the prices to people who register for a wholesale seller account.
Once you install and activate the plugin, go to WooCommerce → Settings → Hide Price to configure its settings.
Select the radio box for Hide Price Until Login Features. Then, configure the settings that appear according to your needs:
Now, the price will be hidden to non-logged in users everywhere on your site, including your product tables and single product pages.
The plugin will automatically add a prompt to push users to log in on your single product pages, and you can use the regular WordPress editor to add something similar to your product table pages:
The plugin will hide prices throughout your entire WooCommerce store, including the archive pages, cart, and checkout pages. So, if you allow guest checkout, it would technically be possible for a user to check out without ever seeing the price. This doesn't make this an ideal solution!
In addition to hiding price by logged-in status, the same plugin also lets you conditionally hide prices based on a user's role.
For example, if you're running a wholesale store, you could create one user role for regular retail customers to let them browse, while using a second dedicated user role for wholesale customers.
To set up this functionality, go to WooCommerce → Settings → Hide Price and select the radio box for Hide Price According to Role of User.
Then, you can use the Select User Roles box to choose which roles should not be able to see the price:
For other flexibility, you can use the free User Role Editor plugin to create additional user roles as needed. For example, you could create one user role for wholesale customers who can see prices and another for retail customers who cannot.
This works for both using quick view on the shop page, as well as adding product quick view to any product tables that you've created with WooCommerce Product Table.
Here's an example of what the product quick view will look like to a non-logged in user with the same method you learned above:
WooCommerce Quick View Pro also includes its own setting that lets you disable the price, though this built-in setting only affects the quick view box, while the Hide Price Until Login plugin works store-wide.
By default, the Hide Price Until Login plugin will also hide prices for all your product variantions. For example, if you were to add a variant dropdown selector to your product table, the plugin will still hide the price:
Another way to hide WooCommerce variation prices is to only hide the upper limit. That is, instead of listing the minimum and maximum price for all variants like WooCommerce does by default, you can just display something like "From $X", where X is the price of the cheapest variant.
To set this functionality up, you can use the free Disable Variable Product Price Range WooCommerce plugin.
With this plugin installed, it will only list the cheapest variant price like so:
Other options for keeping product details private
The above solutions assume that you want to hide the prices for otherwise public products. That is, you want everyone to be able to see the product details – you just don't want people to be able to see the prices.
However, that might not always be the case and, depending on your situation, you might actually benefit from a different approach than the WooCommerce hide price plugins above.
For example, if you don't want unauthenticated shoppers to be able to see any part of your products, you might want to:
- Make your entire store private, either by adding a password or requiring people to log in to browse your store.
- Make a specific product category (or specific categories) private, either by adding a password or requiring people to log in to browse the private categories.
Or, if you're specifically looking to hide WooCommerce prices to create a wholesale store where wholesale customers can see prices, but retail customers cannot, then you might want to check out our complete guide to creating a WooCommerce wholesale store. This guide will teach you how to offer different prices for retail customers and wholesale customers, rather than completely hiding prices.
Wrapping things up
Learning how to hide prices in WooCommerce gives you more control over who has access to important pricing information at your site. It's an especially great tactic for wholesale stores, though you can also use it for catalog sites, members-only stores, or any other situation where you just don't want your products' prices to be visible right away.
One easy way to hide prices is to use WooCommerce Product Table to create a table view of your products. You can then hide the price column and disable the link to the product page, depending on your needs. You can even combine it with WooCommerce Quick View Pro to let customers view full product details, without exposing the price or single product page.
To get started, grab your copy of WooCommerce Product Table and start hiding prices today:
Have any questions about how to add WooCommerce hide price functionality to your store? Ask away in the comments!