The product images in your WooCommerce store have a major role to play in increasing sales, conversions, and clicks. So when we know how effective they can be on their own, how do we maximize their potential?
While a standard WooCommerce install will help you set up the basics of your store (with a simple product gallery and image settings), you’ll need little help if you’re looking to give your product images a boost.
So in this article, we’ll be discussing the benefits of improving your WooCommerce product images. Then we’ll give you 3 ways you can boost them with the help of some easy-to-use plugins.
These plugins allow you to take control of how your product images are displayed. With an upgraded product gallery, click-saving product lightbox, and image hover effects, you’ll improve customer experience and boost sales at the same time.
The benefits of improving your WooCommerce product images
Improving the product images in your WooCommerce store will have massive benefits for your sales and conversions. Here’s why:
1. It entices your customers to buy your products
It goes without saying that high-quality product images are key when it comes to convincing customers to buy from your store.
While customers browse, it’s often only your product images that will give them the best indication if your product is right for them or not.
According to Etsy, quality is a combination of the following:
An image that’s clear, in focus, and sharp.
An image that’s well-lit.
A photo that contains enough ‘information’ about the product. In other words, you can see the details, you can see the whole product and the product is the main focus of the image.
An image that represents the product well - for example, the colors in the photo shouldn’t be different from the actual product.
An example of excellent product photography from Etsy/BON LUX
Of course, these are just the basics. Great product images can be so much more than this.
They can show customers what the product will look like in their hands with lifestyle shots. They can show customers how a product can be used with instructional photos. They can also show different angles, closeups, and more to showcase the product to its full potential.
2. It gives your store a competitive edge
The product images you use play a huge role in making you stand out from other stores. When you go beyond a standard product image on a white background, you’ll be providing your customer with way more visual information.
So by improving your product images, you’ll not only catch the eye of potential customers, but you’ll show them you value your products too. The simple act of improving your product images will immediately show customers you can be trusted and valued as a brand.
Plus, you can give your competitive edge a massive boost by using the techniques we’ll list in the next section.
3. It narrates a story about your brand
It’s said an image can speak a thousand words and this absolutely applies to product images too.
Carefully selected product images for your WooCommerce store tell a story. They inform customers, in a simple image, what the product and your brand are all about. In fact, according to data from BigCommerce, 78% of online shoppers want product images that bring products to life.
By getting creative with your photography, you’ll be able to show customers how your product, fits into their life. In particular, lifestyle photography transforms a product that a customer cannot touch, into one they can see slotting into their life with ease.
So, now we know the benefits of improving the actual product images you use in your WooCommerce store, so let’s give them a major boost with some easy-to-use plugins.
Improve images with an upgraded WooCommerce product gallery
You’ve improved your product images, they’re clear, professional, eye-catching, and very clickable, but what now?
Once you’ve uploaded your product images to your WooCommerce store, they’ll be showcased in the standard WooCommerce product gallery. This is fine if you’re looking to keep things basic, but we’re here to give your product images a boost.
That’s where WooThumbs for WooCommerce comes in.
WooThumbs for WooCommerce allows you to take complete control over the layout and design of your product gallery. It dramatically improves the look and feel of your gallery, as well as improving the customer experience.
As well as customizing the layout of your WooCommerce product gallery, WooThumbs helps you customize your product gallery in two other major ways. We’ll talk about both of these below.
1. It allows you to include additional variation images
In a standard WooCommerce store, you can’t add additional variation images to your products. This can be a problem if you want to, for example, show the different angles, details, or lifestyle shots of your product variations.
This is where WooThumbs comes in. It allows you to import additional variation images for your product image. Giving you more freedom to show your products from different perspectives.
A major benefit of having more variation images is customer satisfaction. Sometimes, to judge the quality of a product, customers want to see the product from different angles. With WooThumbs, customers can see as many variation images as they like. Helping them make a decision.
2. It improves image zoom
Visual cues are a very important factor in generating sales and improving customer experience. Making your WooCommerce product images interactive will help your customers to get a better view of your products.
While a standard WooCommerce store does have image zoom on your product images, it’s hard to customize and could be improved.
With WooThumbs for WooCommerce, you’re able to specify which type of zoom you’d like to use, including:
Inner Zoom - This uses the current image bounds as a frame for the zoomed image. When you hover, the zoomed image will be displayed smoothly on the screen.
Outer Zoom - This displays the zoomed image beside the main image, on whichever side you choose in the settings.
Follow Zoom - This is a ‘magnifying glass’ style of zoom and will display the zoomed image in a circle or square at the mouse position.
Once selected, you can then customize each of these to suit your specific preferences.
Showcase product images in a lightbox
Now we’ve improved your product image gallery, it’s time to show off your improved product images on the shop and category pages.
When browsing your store, customers will likely click through to many different product pages to find the products they’re looking for. All these clicks can end up tiring the customer out, causing them to leave your store - especially if they’ve not found the item they’re looking for.
Let’s fix this by giving customers the option to quickly view product information right from the shop and category pages. This can be done with WooCommerce Quick View Pro.
Quick View Pro allows customers to see product images, information, options and more, in a popup lightbox, all without leaving the shop page.
Plus, you’ll be able to completely customize what the customer sees within the lightbox for full control. You’ll be able to:
Keep things simple by showing just the product images, description, and buy button.
Or give customers a full preview by showing all of this and attributes, meta information, reviews, and more.
With the help of this plugin, your customers can quickly preview items in the product lightbox and add them to the cart. Customers can then quickly return to the product page and continue shopping.
Not only will this save customers clicks, but it will speed up the buying process too. Resulting in more sales and much happier customers.
Change product images on hover
We all know the benefits of an improved product gallery, but what if we could bring those benefits to the shop and category pages of your WooCommerce store?
With Image Swap for WooCommerce in place, you’ll be able to add hover and click image effects to your product images.
These effects will replicate the benefits of a product gallery but will apply to the images on your shop and category pages. So when customers browse your products, they’ll be able to do any of the following (depending on which you pick):
Fade - When a customer hovers or clicks, the next product image will fade in.
Slide - Your customers will be able to use arrows on a slider to flick through your product images.
Bullets - Similar to above but instead of arrows, they’ll be able to use bullets or dots.
Thumbnails - Customers will see smaller thumbnails of your product images below the main image, much like a product gallery.
Zoom - Customers will be able to hover over your product images and see a zoomed-in version.
Picture-in-Picture - This will show a small version of the next image in the corner of the first image. Once clicked, it will switch the images around.
Modal Gallery - This will allow customers to click the product image and see an enlarged version in a modal popup.
Enlarge - When hovered over, this image will increase in size, right on the shop/category page.
Flip - Once clicked or hovered over, the first product image will flip over to reveal the next.
By using effects like these, you’ll again reduce clicks by showing customers much more visual information and speed up the buying process at the same time.
Upgrade your WooCommerce product images today
With these three plugins in place, you’ll be able to dramatically improve the sales in your store by using the most up-to-date sales-boosting techniques.
Plus, having improved the quality of your product images, you’ll be able to draw even more attention to them by showcasing them to their fullest.
You can try each of these plugins risk-free by clicking the links below:
WooCommerce Quick View Pro - Use a product lightbox to give customers all the information they need without them having to leave the shop page.
Image Swap for WooCommerce - Save your customers clicks by using image hover effects on your shop and category pages.
If you're a graphic designer, learning how to sell fonts online is a great way to generate some passive income from your skills.
There are plenty of font designer marketplaces that will happily sell your fonts for you like MyFonts, Fonts.com, etc...but those resellers will typically take half your sales as a commission and might require that you exclusively sell through them.
WordPress and WooCommerce provide a better way to sell fonts online that cuts out the commission and gives you full control. With the right WooCommerce plugins, you can create a store that's optimized specifically for fonts. You'll get a convenient table layout, complete with font previews and Ajax category filters to help your shoppers find the right font:
At the end, I'll also show you how to add the WooCommerce Product Options plugin to display the font license options as checkboxes like this:
Why WooCommerce Product Table is the best way to sell fonts online
WooCommerce is the world's most popular way to create an ecommerce store and is fully capable of selling both physical and digital products. It makes a great option for a solo font designer, font shop, or type foundry.
However, the default styling of most WooCommerce themes displays products in a more "traditional" ecommerce layout that looks something like this:
Now, that might work great if you're selling physical products. But if you're selling your own fonts, that kind of shop layout...
Doesn't display the important information about a font, like how it looks, its different font weights, etc.
Wastes space and makes it hard for shoppers to browse all your available fonts.
WooCommerce Product Table is a flexible plugin that fixes those issues by letting you display your fonts in a table layout like you saw above:
This gives you a compact way to help people shop your fonts. Visitors can:
See a graphic preview of the font to see kerning, glyphs, ligatures, calligraphy, etc.
Choose different weights for each font family from a drop-down.
Use checkboxes to add multiple fonts to their carts.
Use filters to find specific types of fonts. For example, serif font vs sans serif font, or OpenType fonts.
View license options.
Plus whatever else fits your business - the plugin gives you full control over what information you display.
Integrate your table layout with product quick view
If you want to display more information about each typeface than the table layout allows, you can add a product quick view button to the table that lets shoppers browse more information in a lightbox.
For example, you could use this product quick view to show:
A description of the typeface and its inspiration.
More detailed licensing information.
More images of your typography in action (or different font weights in action).
Font bundles or upsells.
How to sell fonts online with WooCommerce: Step-by-step
Below, we'll take you step-by-step through how to sell fonts online with WooCommerce and WooCommerce Product Table.
To manage your fonts, you'll use the regular WooCommerce product system. The simplest approach is to create one unique WooCommerce product for each new font family that you want to offer. You can then add different font weights or licensing options as product variations within that product.
To do that, go to Products → Add New.
First, enter basic details like the font family name and description. You can also use product categories and tags to add other pertinent information, like whether the font family is serif or sans serif.
You can also add an image to preview how the font looks - the way that Google Fonts handles things is a good starting point:
Next up:
Scroll down to the 'Product data' box
Choose 'Variable product' from the drop-down (unless you're only selling a single font weight - then you can use simple product)
From there:
Go to the 'Attributes tab' and select your attributes (you can set these up by going to Products → Attributes).
Select the 'Used for variations' box.
Click 'Save Attributes'.
To finish setting up the variable product:
Go to the 'Variations' tab.
Select 'Create variations from all attributes' from the drop-down and click 'Go'.
Check the 'Downloadable' and 'Virtual' boxes for each variation.
Enter the price. If you want to offer free fonts or other freebies, you can mark it as zero.
Upload the font file in whatever format you want to offer.
Once you've configured all of your variations, publish your product. Then, repeat the same process for all the different font families that you want to offer.
2. Configure WooCommerce Product Table
Once you've added all your font families as WooCommerce products, you're ready to create the front-end interface that you'll use to sell fonts online.
Install and activate the WooCommerce Product Table plugin. Then, go to Products → Product Tables to create a list of the fonts you're selling.
The easiest way is to enable the 'Display on a shop page' option. This will replace the standard layout on all your main shop pages (which is terrible for selling fonts!) with a font-friendly product table view:
You can explore all of the plugin's settings, but here are the specific settings you'll definitely want to configure.
First, use the 'Columns' page to configure what information you want to display for each font. You can include basic columns like this:
And you can also include other product data, like custom fields or taxonomies. View all the column options.
Next, go to the 'Add to Cart' page:
Choose Button and checkbox from the 'Add to cart method' dropdown. This will allow shoppers to select multiple fonts to add to their cart. That's important if you sell whole font families a la carte.
Choose how to handle variations. You can either display each font weight as a separate row in your table. Or, you can display a drop-down next to each font family that lists all of the weights.
Displaying variations as separate rows makes it easier for shoppers to purchase multiple font weights, while using the drop-down lets you display more font families in less space.
Finally, add some product filters. You can use these to let shoppers filter by font category/tag (e.g. serif vs sans serif) and/or attribute (e.g. font weight):
Pro tip: For even more advanced filtering, use WooCommerce Product Table alongside its sister plugin WooCommerce Product Filters.
3. View your font shop page
Once you've finished creating the table, visit your store's main shop page or a category page. You should see the table that will help you sell fonts online:
4. Add product quick view buttons (optional)
If you want to display more information about each font, you can add a product quick view column to your table using the WooCommerce Quick View Pro plugin.
Once you've installed and activated the plugin, you can then go to WooCommerce → Settings → Products → Quick view to configure how the quick view box works:
Then, you can add a Quick View your product table to achieve this effect:
Tips for selling fonts more effectively
Once you've set up your basic online font store, you'll want to consider implementing some more advanced sales tactics to boost your revenue and sell fonts online more effectively.
Display font license options as checkboxes
Above, I showed you how to list each font license option as a separate row of the table. But what if you want to list each font on a row, with options to select a license?
Product variations as useful for letting customers select a license option. However, you can only select one variation at a time. That's not much use because customers often buy multiple font licenses at once (e.g. web and desktop).
The solution is to use the WooCommerce Product Options plugin to display the font license options as checkboxes, like this:
Simply install WooCommerce Product Options, go to Products → Product Options and create a 'License' option group with the checkboxes.
Choose which products the license options will appear on. These will then appear in the 'Buy' column of the product table.
Sell font bundles
People who purchase fonts online love bundles - there are even entire sites dedicated just to selling font bundles. For example, you could bundle different font weights together or fonts that pair well together.
The WooCommerce Product Bundles plugin lets you bundle together as many fonts as you want. You can then display your bundle options in the product quick view box in your fonts table. The bundles will not display in the table itself - but they will appear in the quick view box if you use WooCommerce Quick View Pro.
Create upsells
Another good option is font upsells, which let you recommend a similar font/bundle in place of the font a shopper is looking at.
By creating your own WooCommerce store to sell fonts online, you eliminate the middleman and ensure you don't have to give up 50% of your sales as a commission to a third-party font marketplace.
However, if you want to use WooCommerce to sell fonts online, you'll also want to use some extensions to create a more optimized font shopping experience.
WooCommerce Product Table lets you create an optimized, table-based shop layout page to display your fonts. You'll be able to share previews, list pertinent details like font weight and type, and allow shoppers to purchase multiple fonts at the same time.
Get started today and create your own WooCommerce store to sell fonts online!
Do you have any questions about how to sell fonts online with WooCommerce and WooCommerce Product Table? Ask away in the comments!
Hiding prices from public view is necessary for wholesale stores, catalog sites, and many other situations. But, unfortunately, WooCommerce doesn't include any built-in way to hide product prices.
Don't worry, though! It's definitely doable, you'll be able to hide WooCommerce product prices by following the steps in this guide.
For example:
WooCommerce wholesale stores hide prices from retail customers while displaying wholesale prices to authenticated wholesale customers.
A browsable catalog of products displays items without prices when selling through the website is not required.
Keep reading to discover how to hide prices in WooCommerce for these use cases and more. By the end, you'll be able to completely hide prices for all visitors or conditionally hide prices by user role/logged-in status. Some visitors will see the price as usual, and others will see the WooCommerce products without price.
Recommended ways to hide prices in WooCommerce
Hiding prices in WooCommerce is achievable through four main methods. Each method serves different business requirements and technical capabilities.
WooCommerce hide price functionality is not built into the platform by default. You need either plugins or custom code to remove prices from product displays.
Follow this decision tree to select your best option:
Start here: Why do you want to hide prices in WooCommerce?
→ "I run a wholesale or B2B store"
Do you need different prices for different customer groups?
Yes: Use WooCommerce Wholesale Pro (Option 1)
No: Continue below
Do you want guests to browse products?
Yes: Use WooCommerce Wholesale Pro with hide until login
No: Use WooCommerce Private Store (Option 4)
→ "I want to create a product catalog"
Do you need search and filter features?
Yes: Use WooCommerce Product Table (Option 2)
No: Use custom code for simple hiding
Do you want product details in popups?
Yes: Add WooCommerce Quick View Pro (Option 3)
No: Stick with Product Table alone
→ "I run a members-only store"
Should non-members see product names and descriptions?
Yes: Use WooCommerce Wholesale Pro (Option 1)
No: Use WooCommerce Private Store (Option 4)
→ "I need prices hidden temporarily"
Are you comfortable with code?
Yes: Use custom code snippets
No: Use WooCommerce Wholesale Pro for easy on/off switching
→ "I want to test the market"
Use WooCommerce Product Table to create a catalog page
Add WooCommerce Quick View Pro for product previews
Include an enquiry form for price requests
Option 1 - Hide prices from logged out users
First, let's look at the most dynamic option. This can conditionally hide WooCommerce product prices from logged in users. Prices appear as normal for logged in users. They simply login to WooCommerce to see prices, whereas guest users cannot see prices or purchase products.
For example, if you're running a wholesale store, this lets you make your product catalog public while restricting price visibility to registered wholesale seller accounts.
While the plugin is designed for wholesale stores, it works for any business model requiring login-based price visibility.
How to set it up
Setting up price hiding is a straightforward process in WooCommerce Wholesale Pro. Navigate to WooCommerce → Settings → Wholesale. Enable the 'Hide price until login' option and save your changes.
After activation, prices become invisible to non-logged-in users across your entire site. The plugin also disables buy buttons for logged out users. That's because people cannot make purchases without seeing prices.
WooCommerce Wholesale Pro integrates with WooCommerce Product Table. (You can save money by buying both plugins as a bundle.) The table's 'Buy' column displays the correct price to logged in users, and the alternate content to guests.
WooCommerce hide price by user role
User role-based price hiding is an advanced feature that extends beyond simple login status checks. The WooCommerce Wholesale Pro plugin displays different pricing structures to different user roles.
For stores offering both retail and wholesale options, it works as follows:
Logged out users experience catalog mode without prices or buy buttons.
Logged in customers with the default 'customer' role view standard product pages.
Wholesale roles see role-specific pricing.
This creates a tiered pricing system with complete visibility control.
Exploring real-world applications of WooCommerce Wholesale Pro
B2B wholesale websites are - unsurprisingly - the primary use case for WooCommerce Wholesale Pro. However, numerous other business models can also benefit from role-based price hiding.
Real-world applications include:
Exclusive members-only purchasing clubs display products publicly for SEO benefits while restricting price visibility to logged in members. This strategy attracts new members while maintaining exclusivity. Only authenticated users can complete purchases.
Branded product sellers serving specific customer segments like schools, sportswear companies, or workwear suppliers display products publicly to encourage enquiries. Prices remain hidden until authorized user login.
In option 2, we'll learn 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.
Product tables without prices are ideal for catalog-style displays where purchasing is not the primary goal. This approach removes both prices and add to cart buttons.
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.
The table view either replaces or supplements the default WooCommerce shop page. You can choose where to use it in your store.
A product table with no price or buy buttons
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 is all you need. Or if you want to remove the price for logged out users only, then you also need the WooCommerce Wholesale Pro plugin from Option 1.
How to create a catalog page with no price or add to cart button
Create a new product table via Products → Product Tables.
Choose between creating a standalone catalog page or enabling catalog view on shop page templates.
Select products for the manual catalog page or choose which shop templates use catalog view.
Configure columns on the 'Columns' page. Exclude the price column. Customize column names using the pencil icon.
Disable product page links to prevent price visibility on single product pages. Access advanced column options for each column. Disable the 'Link to the product page' toggle.
Use the provided shortcode or 'Product Table' Gutenberg block to display the table. Shop page templates automatically display tables if configured.
The final result displays products without prices or purchase options:
Option 3 - Hide prices in quick view lightboxes
Another user-friendly option is to stack WooCommerce Product Table with the WooCommerce Quick View Pro plugin. When a user clicks on a product name, it opens the product quick view box instead of taking them to the single product page.
Quick view functionality provides detailed product information without exposing prices. Customers access comprehensive product details while prices remain hidden.
Quick View Pro includes built-in controls for add to cart button and price display management. That way, it lets shoppers view more details about your products without exposing the price.
Access plugin settings at WooCommerce → Settings → Products → Quick view, or use the automatic setup wizard.
Activate your license key. Disable 'Show price' and 'Show add to cart button' options.
Edit your product table at Products → Product Tables. Add a 'Quick view' column.
WooCommerce Quick View Pro compatibility with WooCommerce Wholesale Pro enables conditional price display. This combination shows prices in lightboxes for logged in users only.
Implementation requires enabling 'Hide Price Until Login' in WooCommerce Wholesale Pro and price display in Quick View. Guest users see price-free lightboxes. Authenticated users view standard pricing.
Option 4 - Hide prices from public view
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, if you don't want unauthenticated shoppers to be able to see any part of your products, you might want to:
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. You can also learn how to set up a price per unit or WooCommerce paywall.
How to hide prices in WooCommerce using code
As you can see, the plugins featured above make it easy to hide prices in WooCommerce without needing any technical know-how. Before we finish, I'll share some simple PHP code snippets for hiding prices either storewide, per category, or per product. These don't have advanced features such as showing prices to certain user roles. If you need those then I recommend using one of the plugins featured above, instead of custom code.
Experienced developers can use the following code snippets to add to their theme or child theme's functions.php file or via a separate utility plugin.
Code snippet: Hide prices storewide
Storewide price hiding removes all product prices and displays custom messages. This code affects every WooCommerce product.
<?php
/**
* Custom Code to Hide All Product Prices Storewide
*
* Place this code in your theme's functions.php file or a custom plugin.
*/
/**
* Remove price and add-to-cart button for all products.
*/
function custom_hide_prices_storewide() {
// Hide price by filtering the price HTML output.
add_filter( 'woocommerce_get_price_html', 'custom_replace_price_with_message', 10, 2 );
// Remove add-to-cart button on single product and shop pages.
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}
add_action( 'wp', 'custom_hide_prices_storewide' );
/**
* Replace product price with a custom message.
*
* @param string $price Existing price HTML.
* @param object $product Product object.
* @return string Modified price HTML.
*/
function custom_replace_price_with_message( $price, $product ) {
return '<span style="color: red; font-size: 14px;">Call our office at <strong>516.695.3110</strong> for pricing information.</span>';
}
Customize the replacement text with your preferred message for hidden prices.
Code snippet: Hide prices from products in specific categories
Category-based price hiding lets you remove the price for designated product categories only.
<?php
/**
* Custom Code to Hide Product Prices Based on Specific Categories
*
* Place this code in your theme's functions.php file or a custom plugin.
*/
/**
* Remove price and add-to-cart button for products in specific categories.
*/
function custom_hide_prices_for_categories() {
if ( is_product() ) {
custom_handle_price_visibility( get_the_ID() );
}
}
add_action( 'wp', 'custom_hide_prices_for_categories' );
/**
* Modify product display based on category association.
*
* @param int $product_id Product ID.
*/
function custom_handle_price_visibility( $product_id ) {
$hidden_price_category_ids = array( 12345, 67890 ); // Replace with your category IDs.
// Retrieve the categories associated with the product.
$product_categories = get_the_terms( $product_id, 'product_cat' );
if ( ! $product_categories || is_wp_error( $product_categories ) ) {
return;
}
// Extract category IDs from the terms.
$product_category_ids = wp_list_pluck( $product_categories, 'term_id' );
// Check if any of the product's categories match the hidden price categories.
if ( array_intersect( $hidden_price_category_ids, $product_category_ids ) ) {
// Hide price and add-to-cart button.
add_filter( 'woocommerce_get_price_html', 'custom_replace_price_with_message', 10, 2 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
} else {
// Ensure filters and actions are restored for other products.
remove_filter( 'woocommerce_get_price_html', 'custom_replace_price_with_message', 10, 2 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}
}
add_action( 'woocommerce_before_shop_loop_item', 'custom_handle_price_visibility', 5 );
/**
* Replace product price with a custom message.
*
* @param string $price Existing price HTML.
* @param object $product Product object.
* @return string Modified price HTML.
*/
function custom_replace_price_with_message( $price, $product ) {
return '<span style="color: red; font-size: 14px;">Call our office at <strong>123.456.7890</strong> for pricing information.</span>';
}
Add target category IDs and customize the replacement message for your requirements.
Code snippet: Hide prices from specific products
This code snippet lets you hide prices for specific individual products. Again, replace the ID's with the correct product ID's, and modify the text to appear in place of the hidden prices.
<?php
/**
* Custom Code to Hide Product Prices for Specified Products
*
* Place this code in your theme's functions.php file or a custom plugin.
*/
/**
* Remove price and add-to-cart button for specific products.
*/
function custom_hide_prices_for_products() {
if ( is_product() ) {
custom_handle_price_visibility_for_product( get_the_ID() );
}
}
add_action( 'wp', 'custom_hide_prices_for_products' );
/**
* Modify product display based on product ID.
*
* @param int $product_id Product ID.
*/
function custom_handle_price_visibility_for_product( $product_id ) {
$hidden_price_product_ids = array( 123, 456, 789 ); // Replace with your product IDs.
// Check if the current product ID is in the hidden price list.
if ( in_array( $product_id, $hidden_price_product_ids, true ) ) {
// Hide price and add-to-cart button.
add_filter( 'woocommerce_get_price_html', 'custom_replace_price_with_message', 10, 2 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
} else {
// Ensure filters and actions are restored for other products.
remove_filter( 'woocommerce_get_price_html', 'custom_replace_price_with_message', 10, 2 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}
}
add_action( 'woocommerce_before_shop_loop_item', 'custom_handle_price_visibility_for_product', 5 );
/**
* Replace product price with a custom message.
*
* @param string $price Existing price HTML.
* @param object $product Product object.
* @return string Modified price HTML.
*/
function custom_replace_price_with_message( $price, $product ) {
return '<span style="color: red; font-size: 14px;">Call our office at <strong>123.456.7890</strong> for pricing information.</span>';
}
Frequently asked questions about hiding WooCommerce prices
Can I hide prices for specific products only?
Yes, you can hide prices for specific products. The custom code method lets you target individual product IDs. WooCommerce Wholesale Pro also allows product-level control through its settings.
Will hiding prices affect my SEO?
Hiding prices doesn't hurt SEO directly. Search engines can still crawl and index your product titles, descriptions, and images. Some SEO experts suggest that displaying products without prices can actually improve rankings because it keeps visitors on your site longer as they explore products.
Can customers still add products to cart without seeing prices?
No, the hide price methods also remove add to cart buttons. This prevents confusion and ensures customers know the price before purchasing. If you need quote requests instead, combine price hiding with an enquiry form plugin.
How do I show different prices to wholesale and retail customers?
WooCommerce Wholesale Pro handles this automatically. Set up wholesale user roles and assign different prices to each role. Retail customers see regular prices, wholesale customers see wholesale prices, and logged out users see no prices at all.
Can I display "Contact for price" instead of hiding prices completely?
Yes, WooCommerce Wholesale Pro supports custom text replacement. Instead of blank spaces, display messages like "Contact for price" or "Login to see price". The custom code examples also include this feature.
Will hiding prices work with my theme?
The plugins work with all properly coded WooCommerce themes. They use standard WooCommerce hooks and filters. Custom code might need adjustments based on your theme's structure. As always, test on a staging site first.
Can I hide prices on some pages but show them on others?
Use WooCommerce Product Table to create price-free catalog pages while keeping prices on regular shop pages. Alternatively, use custom code with conditional checks for specific pages.
Can I schedule price hiding for specific times?
Not directly with the standard plugins. You'd need custom development or a scheduling plugin. Consider using maintenance mode during price updates or special events when you want prices temporarily hidden.
Do hidden prices affect the checkout process?
When prices are hidden, the add to cart and checkout functions are also disabled. Customers cannot proceed to checkout without seeing prices. This protects both you and your customers from confusion about costs.
Can I hide prices from WooCommerce but still show if items are in stock?
Yes, stock status displays independently from prices. All the plugin options let you show stock levels while hiding prices. This helps customers know product availability without revealing pricing.
Will price hiding slow down my site?
The plugins add minimal overhead to your site. They use efficient code and WordPress best practices. Custom code typically runs faster than plugins but requires maintenance. For most sites, the performance impact is negligible.
Can I export products with hidden prices?
Yes, hiding prices only affects the frontend display. Your WooCommerce backend, exports, and API still contain price data. This means you can manage inventory and pricing normally while hiding your WooCommerce product prices from customers.
Can I combine multiple price hiding methods?
Yes, the plugins work together. Common combinations include WooCommerce Wholesale Pro with Product Table for wholesale catalogs, or Quick View Pro with Product Table for interactive catalogs. Each plugin handles its specific function without conflicts.
Where to get the plugins
Hiding prices in WooCommerce serves multiple business purposes. It's useful for many use cases including wholesale stores, catalog sites, members-only stores, and other specialized business models.
Plugin solutions for hiding WooCommerce prices include:
To get started, select your preferred plugin(s) and start hiding prices in WooCommerce!
At Barn2, we've used Placeit for many years to produce branded images for our own site and our clients' sites. They have kindly provided this article on how any ecommerce site can build a successful brand.
Improve your ecommerce page by using helpful tools to upgrade your brand’s image. ecommerce competition is high and rising, so go the extra mile to make your website stand out from others. Think about how much time you really have to catch your website visitors’ attention. What are they looking at?
There are approximately 1.92 billion digital buyers out there waiting to see your ecommerce store. It’s literally never been a better time to open an online store! On the graph below, you can see that more and more people are predicted to buy online in the coming years!
“80 percent of people stop doing business with a company because of poor customer experience.” (Oberlo)
Because of this, you want to make sure your user experience is excellent. Let’s start with proper branding for your website. When designing a website you should keep it as clean, consistent, and professional as possible.
“A lot of ecommerce sites pick a template and call it a day. ecommerce is a highly competitive field as is, so, even the smallest edge can help you drive sales.” (5 Ways Design Affects Your ecommerce Site).
From your website layout to your branding all the way down to your images, there is a lot of room to experiment with your design. So let’s get into it.
Catch more flies with honey... & ecommerce branding consistency
Establishing a solid brand through your website and other platforms builds credibility for your business. This eventually results in gaining customer trust. From your website to your social media, brand consistently all the way! Also, make a brand that catches the eye of your visitor at first glance.
If you have no brand at all yet, you can start by developing your own logo. Developing a simple and effective logo can be a surprisingly daunting process, but with Placeit’s Logo Maker you can get a professional logo design in no time.
Impressed? What else can you do for your website using Placeit? Well, read on to find out.
You’ve mastered your WooCommerce skills, branding your ecommerce website won’t be any harder
Now that you’ve got your logo ready and you’ve established your brand’s color palette, you can make all kinds of branding assets for your website. For example, you can add seasonal Ad Banners to promote a certain sale.
Establish a social media presence too! Branding your business everywhere is kind of the point of a good branding strategy so do not forget about other promotional sites. This will always be the best way to increase your brand’s credibility.
Professional images to build your WooCommerce website
Great news! You can not only build all your branding assets using Placeit but you can also create the images you need to showcase your brand everywhere with professional mockups!
Make amazing mockups for your WooCommerce product table
If you're using WooCommerce Product Table to create one-page order forms, then you can showcase each product with real, professional images you don’t even have to take yourself! Using a mockup is really simple. All you have to do is upload your design onto the template and you will get an image in a real-life scenario with your designs on it!
For example, if you're selling t-shirts, clothing or promotional materials then you can use Placeit to superimpose your branding or imagery directly onto photographs. It looks incredibly realistic:
Also, mockups are very useful for your quick view plugIn
If you're using a WooCommerce Quick View plugin to speed up the buying process, don’t struggle spending hours trying to take good photos of your products. Placeit’s mockups look great even in a quick view lightbox because you always get very high-quality images that look exceptional no matter how much you zoom in!
Social media images for your WordPress post tables
If you're using Posts Table Pro to list blog posts or other information in a table, then you need to regularly create new content to keep your audience updated. A solid content strategy can increase your engagement, help you establish brand awareness, and can even help with conversions! By sharing memorable content, you can generate curiosity in the mind of your users. Also, it never hurts to engage with a new audience!
Be creative with your images too! Instead of using generic images for your post tables, make original designs for your brand's posts.
Consider sharing your business story with a fun video
Share your story, an insight into your brand's culture for your customers. Let them get to know you in order for them to feel an emotional connection with your brand. There are lots of great tools you can use to tell your story. We would encourage you to try making a video about it!
Final words
Now that you have the right plugins for your ecommerce shop, it’s time to get the right tools to brand your website effectively. Placeit has tons of amazing online design tools you can use to make your ecommerce website super pro! You can design amazing products for your shop, you can promote your designs easily with mockups and you can use all kinds of amazing promoting tools like videos or banner to get the word out on your newest sale! Let’s get started and succeed with lots of conversions!
