How to Hide Prices in WooCommerce (Keep Product Pricing Private)

How to Hide Prices in WooCommerce (Keep Product Pricing Private)

By default, WooCommerce reveals your product costs to everybody who visits your retailer. Whereas this works for many on-line retailers, some companies want extra management over who sees their pricing.

Whereas serving to on-line retailer homeowners, we’ve come throughout a couple of totally different circumstances the place hiding costs in WooCommerce is important.

For instance, wholesale suppliers want to point out particular pricing solely to verified enterprise clients. Alternatively, B2B corporations could choose to debate shopper wants beforehand to ensure they will supply the appropriate answer for the appropriate value.

After testing numerous options, we’ve discovered 3 dependable strategies to cover costs in WooCommerce. These strategies will work for any sort of enterprise, from wholesale suppliers to luxurious corporations.

How to Hide Prices in WooCommerceHow to Hide Prices in WooCommerce
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 1

What to Take into account Earlier than Hiding Product Costs

We’ve seen a couple of totally different conditions the place promoting on WooCommerce with out costs is sensible.

For instance, many wholesale suppliers cover costs to stop retail clients from seeing bulk reductions. Moreover, customized furnishings makers usually take away costs as a result of each bit has distinctive prices based mostly on supplies and design.

We additionally know that some luxurious manufacturers choose to create unique, members-only procuring experiences by exhibiting costs solely to critical patrons.

Sadly, WooCommerce doesn’t include a built-in possibility to cover costs. However after testing numerous options, we’ve discovered 3 dependable strategies that work nicely.

You should use the fast hyperlinks under to skip to your most well-liked methodology of hiding costs on WooCommerce:

Are you prepared? Let’s dive in!

Technique 1: Disguise All/Particular Product Costs and Cart Buttons With Code

On this methodology, we’ll present you the best way to cover the product costs and cart buttons for both all of the merchandise in your retailer or simply particular objects. This method is useful if you need clients to contact you instantly for costs or log in to their accounts to see these costs.

Whereas testing out totally different choices, we discovered that many plugins for hiding costs are both fairly costly or too complicated to make use of. That’s why we’ve give you a easy code answer that will get the job carried out shortly.

We all know that ‘code answer’ would possibly sound intimidating, however don’t fear. This can be a beginner-friendly method.

We’ll use WPCode, which is a plugin that makes including code to your website as simple as copying and pasting. We’ve used this plugin on many websites and have discovered it secure and dependable.

The free model works completely for hiding costs. Nevertheless, if you need further options just like the AI code generator to create customized options, you would possibly need to have a look at the Professional model.

We’ve examined each variations extensively in our WPCode evaluation.

First, you’ll want to put in and activate the free WPCode plugin. Should you need assistance, take a look at our information on the best way to set up a WP plugin.

Subsequent, you possibly can comply with one of many tutorials under.

Possibility 1: Disguise Worth & Cart Buttons for Particular Merchandise (Logged-Out Customers)

The simplest technique to cover costs is utilizing WPCode’s ready-made snippet. This code will cover costs and cart buttons from particular merchandise when customers aren’t logged in.

Should you’re already accustomed to WPCode, you possibly can merely discover it in WPCode’s snippet library.

In any other case, if that is your first time utilizing the plugin, simply click on the hyperlink under:

Disguise Worth & Add to Cart for Non Logged in Customers for Particular Merchandise

Then, click on the ‘Add to Website’ button to get began.

Adding the WPCode code snippet to the siteAdding the WPCode code snippet to the site
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 2

At this level, you’ll have to both create a free WPCode account or log in if you have already got one.

Throughout registration, you may be requested to attach your WP web site with the WPCode library.

Logging in to deploy a WPCode code snippetLogging in to deploy a WPCode code snippet
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 3

After logging in, you’ll select which web site you need to add the snippet to.

Then, click on ‘Deploy.’

Selecting a website to deploy the WPCode code snippet intoSelecting a website to deploy the WPCode code snippet into
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 4

The system will take you again to your WP admin space to complete the setup.

Right here, simply click on ‘Affirm & Set up Snippet.’

Confirming to add the WPCode code snippetConfirming to add the WPCode code snippet
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 5

This brings you to the code snippet editor, the place you’ll make two easy adjustments to customise the code in your wants.

First, you’ll want to alter the product IDs. Search for this line of code:

$not_purchasable_products = array( 23, 22 );

Substitute these numbers with your individual product IDs.

Should you’re unsure what they’re, then you possibly can learn our article on the best way to discover product IDs in WooCommerce.

For instance, if you wish to cover costs for merchandise 63, 64, and 65, you’d write:

$not_purchasable_products = array( 63, 64, 65 );

Subsequent, you possibly can customise the message proven as an alternative of the value.

Right here is the code you must discover:

operate wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) { 
        $price_html="<div><a href="" . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login with wholesale account to see costs', 'wws' ) . '</a></div>';
    }
    return $price_html;

You may change this textual content: ‘Login with wholesale account to see costs’ to no matter you’d like, akin to ‘Login to see costs’ or ‘Contact us for pricing.’

Right here’s an instance:

operate wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) { 
        $price_html="<div><a href="" . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login to see costs', 'wws' ) . '</a></div>';
    }
    return $price_html;

When customers click on this hyperlink, it can convey them to the WooCommerce login web page to sign up.

Lastly, change the toggle from ‘Inactive’ to ‘Lively.’ Then, click on ‘Replace.’

Adding premade code snippet to hide WooCommerce prices with WPCodeAdding premade code snippet to hide WooCommerce prices with WPCode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 6

Now, simply go to your product pages to see the adjustments.

You’ll discover the costs and cart buttons are hidden and changed by your customized message.

Asking users to log in to see WooCommerce pricesAsking users to log in to see WooCommerce prices
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 7

It’s that straightforward!

Possibility 2: Disguise Worth & Cart Buttons for All Customers

If you wish to cover costs and cart buttons for everybody who visits your WooCommerce retailer, you’ll want so as to add a unique code snippet. This methodology works whether or not customers are logged in or not.

Begin by going to Code Snippets » + Add Snippet in your WP dashboard. Click on on ‘Add Your Personalized Code (New Snippet)’ after which the ‘+ Add Personalized Snippet’ button.

Add Custom Snippet button in WPCodeAdd Custom Snippet button in WPCode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 8

After that, you will note some code sorts to select from.

Right here, simply select ‘PHP Snippet.’

Choosing PHP snippet in WPCodeChoosing PHP snippet in WPCode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 9

Subsequent, you must give your code snippet a title. It may be one thing easy like ‘Disguise All WooCommerce Costs.’

Then, within the ‘Code Preview’ part, copy the code under and paste it there:

/**
 * Disguise Worth & Add to Cart for All Customers for All Merchandise
 */

/**
 * Operate to test if merchandise ought to be non-purchasable.
 * It will at all times return true to use to all merchandise.
 */
operate is_non_purchasable_products( $product ) {
    // At all times return true to make all merchandise non-purchasable for all customers
    return true;
}

/**
 * Set product as not purchasable
 */
operate wws_set_not_purchasable( $is_purchasable, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Set product as not purchasable
        $is_purchasable = false;
    }
    return $is_purchasable;
}

/**
 * Substitute value with 'Contact us for pricing' message linking to the contact web page
 */
operate wws_hide_price( $price_html, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Get the URL for the contact web page by slug
        $contact_page = get_page_by_path( 'contact' );
        if ( $contact_page ) {
            $contact_url = get_permalink( $contact_page );
        } else {
            // Default to '/contact' if the web page will not be discovered
            $contact_url = site_url( '/contact' );
        }

        // Set the value HTML to the contact message
        $price_html="<div><a href="" . esc_url( $contact_url ) . '">' . __( 'Contact us for pricing', 'wws' ) . '</a></div>';
    }
    return $price_html;
}

/**
 * Disguise the 'Add to Cart' button
 */
operate wws_hide_addcart( $add_to_cart, $product, $args ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Take away the 'Add to Cart' button
        $add_to_cart="";
    }
    return $add_to_cart;
}

// Add filters to use the above features
add_filter( 'woocommerce_is_purchasable', 'wws_set_not_purchasable', 10, 2 );
add_filter( 'woocommerce_get_price_html', 'wws_hide_price', 10, 2 );
add_filter( 'woocommerce_loop_add_to_cart_link', 'wws_hide_addcart', 10, 3 );

This code will take away all costs and cart buttons out of your retailer and substitute them with a ‘Contact us for pricing’ hyperlink that takes guests to your contact web page.

READ  How to Fix WordPress 'jQuery is not defined' Error (6 Ways)

After pasting the code, change the toggle from ‘Inactive’ to ‘Lively’ and click on ‘Save Snippet.’

Creating a custom code to hide WooCommerce prices for all users in WPCodeCreating a custom code to hide WooCommerce prices for all users in WPCode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 10

And that’s it!

Now you can go to your retailer to see that each one costs and cart buttons have been changed with a hyperlink to your contact web page.

Asking users to contact store owner to see WooCommerce pricesAsking users to contact store owner to see WooCommerce prices
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 11

For added particulars, see our newbie’s information on the best way to simply add customized code in WP.

Technique 2: Disguise Product Costs from Non-Wholesale Prospects

This methodology is ideal for companies that need to cover costs from common guests whereas exhibiting particular wholesale pricing to permitted clients.

This method works particularly nicely for producers, distributors, and B2B corporations that need to keep unique pricing for his or her wholesale patrons.

It’s additionally nice if you happen to’re not a fan of the code answer from earlier, as we’ll be utilizing plugins from the user-friendly Wholesale Suite.

Earlier than we dive in, we suggest studying our detailed Wholesale Suite evaluation to grasp all of the options this plugin suite provides.

Step 1: Set up the Essential Wholesale Suite Plugins

For this methodology to work successfully, you’ll want to put in the free Wholesale Suite plugin. It handles the fundamental wholesale retailer options, together with establishing wholesale pricing buildings in your merchandise.

Additionally, you will have to get the premium Wholesale Suite extension, notably Wholesale Costs and Wholesale Lead Seize.

The primary extension is important for hiding costs from common clients whereas exhibiting them to your wholesale patrons. There’s no means round this one, because it’s the core plugin that makes value hiding potential.

The second creates an expert registration system the place potential wholesale clients can apply for an account. Should you choose, you may also use WPForms to create your registration varieties.

After putting in these WP plugins, go to Wholesale » License in your dashboard.

Adding a license to the Wholesale Suite pluginAdding a license to the Wholesale Suite plugin

Right here, enter the license keys and e-mail tackle related along with your premium plugin purchases. You’ll discover these particulars within the affirmation e-mail you acquired when shopping for the plugins.

Should you’ve bought a number of Wholesale Suite plugins, then you should use the tabs on the high to entry the license key settings for each.

When you’ve entered the license data for every device, ensure to hit ‘Save Adjustments.’ Whenever you’re carried out, you possibly can proceed to the subsequent step.

Saving the Wholesale Suite license keySaving the Wholesale Suite license key

Step 2: Set Up a Take a look at Wholesale Buyer Account

Wholesale Suite creates a particular ‘Wholesale Buyer’ consumer function that permits you to handle pricing for all of your wholesale purchasers in a single place. When these clients log in, they’ll routinely see their particular wholesale costs.

To ensure your value hiding works appropriately, you’ll want a take a look at Wholesale Buyer account. This helps you test how your WooCommerce retailer seems to be from each a wholesale buyer’s view and a daily customer’s perspective.

Making a wholesale account is easy. First, simply go to Customers » Add New in your WP dashboard. 

Adding a new user in WordPressAdding a new user in WordPress

Now, fill within the primary data like e-mail tackle and username, then choose ‘Wholesale Buyer’ from the ‘Position’ dropdown menu.

Lastly, click on ‘Add New Consumer’ to create the account.

Changing a customer's wholesale user roleChanging a customer's wholesale user role

You may additionally need to forestall wholesale clients from making regular-priced purchases after they don’t meet wholesale circumstances. By default, the plugin reveals a warning, however clients can nonetheless purchase at retail costs.

To alter this, head to Wholesale » Roles and discover the ‘Wholesale Buyer’ function. Click on on the ‘Edit’ button under the function to customise it.

Editing the wholesale customer roleEditing the wholesale customer role

Then, test the field for ‘Forestall buy if wholesale situation will not be met.’

After that, simply click on ‘Edit Wholesale Position’ to avoid wasting your adjustments.

Editing the wholesale user roleEditing the wholesale user role

Step 3: Disguise Costs and Cart Buttons

Subsequent, you’ll want to cover the costs and cart web page buttons from common on-line retailer guests.

To do that, you possibly can go to Wholesale » Settings. Be sure you’re within the ‘Wholesale Costs’ part, and navigate to the ‘Worth’ tab.

The Price settings for Wholesale SuiteThe Price settings for Wholesale Suite
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 12

Then, scroll all the way down to the ‘Disguise Worth and Add to Cart button’ setting and test the field proper subsequent to it.

Under that, you possibly can add some customized textual content to interchange the value and cart buttons. Should you depart this empty, the default ‘Login to see costs’ message will seem as an alternative.

Hiding the price and cart buttons in Wholesale SuiteHiding the price and cart buttons in Wholesale Suite
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 13

Now, scroll down and ensure the ‘Present Wholesale Worth to non-wholesale customers’ setting is disabled.

Lastly, click on on the ‘Save Adjustments’ button.

Saving changes to the Wholesale Suite's pricing settingsSaving changes to the Wholesale Suite's pricing settings
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 14

Step 4: Add and Disguise Wholesale Costs to WooCommerce Merchandise

You’re now prepared to begin including wholesale costs to particular person merchandise. You may go forward and open a brand new or current product for modifying.

If that is your first time including a product, then chances are you’ll need to learn our WooCommerce made easy information for extra data.

Sooner or later, while you’re creating a brand new product or modifying an current one, you’ll have to go to the ‘Product Knowledge’ part.

Right here, set your ‘Common Worth.’ That is what common clients see. Then, discover the ‘Wholesale Costs’ part and select your low cost sort from the dropdown menu. You may supply both a share low cost or a hard and fast value.

The WooCommerce pricing settingsThe WooCommerce pricing settings

For share reductions, merely choose the ‘Proportion’ low cost sort and enter your low cost quantity.

Wholesale Suite will routinely calculate the ultimate value.

Setting a wholesale percentage discountSetting a wholesale percentage discount

Should you select ‘Mounted’ for the low cost sort, then you possibly can simply enter the precise wholesale value you need to cost.

Need to run limited-time wholesale provides? That is nice for working seasonal promotions and changing extra WooCommerce guests into clients.

To do that, you possibly can click on on the ‘Schedule’ hyperlink.

Scheduling a WooCommerce wholesale discountScheduling a WooCommerce wholesale discount

After that, you possibly can enter the beginning date and finish date of your wholesale sale pricing promotion.

This manner, you received’t need to manually allow and disable the low cost. It principally works equally to scheduling WooCommerce coupon codes.

Scheduling a WooCommerce wholesale discountScheduling a WooCommerce wholesale discount

In fact, this setting is optionally available. Should you’re not prepared to make use of it now, it could be good to bear in mind for the longer term.

Subsequent, set your minimal order necessities within the ‘Wholesale Minimal Order Amount’ part.

This defines what number of objects a wholesale buyer should purchase to entry particular pricing.

Setting a minimum order amount for wholesale ordersSetting a minimum order amount for wholesale orders

Subsequent, scroll all the way down to the ‘Wholesale Order Amount Step’ part.

READ  Google Analytics Reports Made Easy

Enter ‘1’ into the suitable area.

How to add wholesale pricing in WooCommerceHow to add wholesale pricing in WooCommerce

It will make it in order that the minimal order amount you set above is utilized to every merchandise.

That means folks can’t attempt to misuse wholesale privileges. For extra data on this setting, see the Wholesale Suite documentation on minimal order necessities.

Lastly, you can also make your product seen solely to wholesale clients through the use of the ‘Prohibit To Wholesale Roles’ setting on the high of the web page. Kind and choose ‘Wholesale Buyer’ on this area.

At this stage, you possibly can proceed finalizing your product settings. As an example, you possibly can add a product picture gallery, embed a product video, or insert product tags.

Whenever you’re prepared, simply click on ‘Replace’ or ‘Publish’ to avoid wasting your adjustments. You may then repeat the identical steps for your whole wholesale merchandise.

Restricting a product to just wholesale customers with Wholesale SuiteRestricting a product to just wholesale customers with Wholesale Suite
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 15

Step 5: Configure Your Wholesale Registration Types

The Wholesale Suite extension routinely creates registration and login pages in your wholesale clients. Earlier than you begin accepting functions, although, let’s customise the registration type to match your wants.

Head to Wholesale » Settings, then click on the ‘Wholesale Lead Seize’ tab and open the ‘Registration Kind’ menu. 

Configuring the Wholesale Suite registration form settingsConfiguring the Wholesale Suite registration form settings
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 16

Right here, you possibly can scroll all the way down to discover a desk exhibiting all of the out there type fields.

Whereas primary fields like First Identify, Final Identify, E-mail, and Username are included by default, some would possibly must be activated. To allow a area, click on the pencil ‘Edit’ icon within the ‘Motion’ column. 

Configuring the Wholesale Suite registration form fieldsConfiguring the Wholesale Suite registration form fields
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 17

All you must do now could be test the ‘Enabled’ field to make it seen and mark the sector as ‘Required’ if you wish to make it obligatory.

Bear in mind to click on ‘Save Personalized Discipline’ when you’re carried out.

Saving changes to Wholesale Suite registration fieldsSaving changes to Wholesale Suite registration fields
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 18

Now, change to the ‘Normal’ tab to seek out your new Wholesale Log In and Registration pages.

Go forward and click on ‘View Screen’ to preview them.

Viewing the Wholesale Registration and Log In pagesViewing the Wholesale Registration and Log In pages
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 19

Upon getting opened them, you possibly can add the hyperlinks to those pages to your navigation menu. This manner, customers can simply discover them after they’re shopping in your on-line retailer.

You may learn to do that in our information on the best way to add a navigation menu in WP.

An example of Wholesale Suite registration pageAn example of Wholesale Suite registration page
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 20

One vital resolution is the way you’ll deal with new functions.

Underneath ‘Auto Approve New Leads,’ select between ‘Handbook Approval Required’ or ‘Auto Approval.’

We strongly suggest handbook approval to guard your wholesale pricing and confirm legit companies.

Choosing whether to manually or automatically approve wholesale signups with Wholesale SuiteChoosing whether to manually or automatically approve wholesale signups with Wholesale Suite
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 21

When you’re pleased with the registration type settings, you possibly can scroll again up.

Lastly, click on on the ‘Save Adjustments’ button.

Saving changes to Wholesale Registration Form settingsSaving changes to Wholesale Registration Form settings
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 22

Step 6: Create a Wholesale Order Kind

The ultimate step is to create a wholesale order type, which streamlines the ordering course of in your wholesale clients. This type lets them simply place bulk orders with out navigating by means of a number of product pages, saving time for each you and your clients.

When establishing wholesale order varieties, we’ve discovered that companies get one of the best outcomes by together with important fields like product SKUs and most well-liked supply dates.

This manner, wholesale clients can shortly place bulk orders whereas offering all the data you must course of their requests effectively.

For detailed directions on creating an optimized wholesale order type, take a look at our complete information on the best way to create a wholesale order type in WP.

And that’s it! Let’s have a look at how this works in apply. Right here’s how our retailer seems to common guests:

An example of prices being hidden with the Wholesale Suite pluginAn example of prices being hidden with the Wholesale Suite plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 23

We additionally tried logging in as a wholesale buyer to see if the value was seen this time.

Take a look at the outcome under.

An example of prices being visible when a wholesale customer views the product pages, enabled with Wholesale SuiteAn example of prices being visible when a wholesale customer views the product pages, enabled with Wholesale Suite
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 24

You too can learn our information on the best way to change between consumer accounts in WP if you happen to need assistance signing out and in of your accounts.

Technique 3: Create a Skilled On-line Catalog With out Costs

This methodology transforms your WooCommerce retailer into an expert product catalog. It’s good for companies that choose dealing with pricing discussions through e-mail, a contact type, or offline.

The YITH WooCommerce Catalog Mode plugin provides an easy technique to create a price-free catalog. We’ve examined and shared the best way to use this plugin earlier than in our tutorial on the best way to add a product catalog in WooCommerce.

In contrast to the wholesale methodology, this method enables you to take away costs fully whereas changing them with customized contact buttons. You may cover pricing in your whole retailer, particular product classes, or particular person objects.

This flexibility makes it supreme for customized producers, luxurious retailers, or service suppliers who have to quote costs based mostly on shopper necessities.

For this information, we’ll concentrate on the important settings to allow catalog mode and conceal costs utilizing YITH’s plugin. Primarily based on our testing, we discovered that these primary options are sufficient to get most shops began with hidden costs.

That mentioned, remember the fact that we’re solely scratching the floor of what this plugin can do. We’ve explored many extra superior options in our detailed YITH WooCommerce Catalog Mode evaluation.

Additionally, you’ll have to buy the premium model of the plugin. The free model works nicely, however the price-hiding function is simply out there within the paid model.

Step 1: Set up and Start YITH WooCommerce Catalog Mode

After you buy the plugin, go to the YITH web site and log into your YITH account. Then, head over to the ‘Licenses & Downloads’ tab.

Downloading premium YITH pluginDownloading premium YITH plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 25

Subsequent, click on on the ‘Obtain Integration’ button to obtain the plugin file out of your YITH account. Make certain to maintain your browser tab open, as you’ll want the license key in a second.

Now, simply set up the plugin in your WP website.

When the setup wizard seems, you’ll have to enter your YITH e-mail tackle and license key.

Activating YITH licenseActivating YITH license
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 26

After getting into your particulars, click on ‘Start license’ to finish the setup course of.

As soon as that’s carried out, click on ‘Go to plugin dashboard’ to start customizing your catalog mode settings.

Going to the YITH plugin dashboardGoing to the YITH plugin dashboard
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 27

Let’s now proceed to the subsequent step.

Step 2: Configure Primary Catalog Mode Settings

Catalog mode transforms your retailer from a procuring website right into a product showcase. That is good for companies that need to show merchandise with out quick buying choices.

To start, go to YITH » Catalog Mode and navigate to the ‘Settings’ tab. That is the place you’ll configure the choices to run WooCommerce with out costs.

First, you possibly can decide whether or not to allow catalog mode for all customers or simply visitor customers.

Enabling the catalog mode with YITH pluginEnabling the catalog mode with YITH plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 28

You too can allow catalog mode for customers with the Administrator consumer function to check how the mode seems to be.

As you scroll down, you possibly can activate the ‘Disable store’ operate if you wish to take away the cart web page, checkout web page, and all add-to-cart buttons out of your retailer.

Disabling the WooCommerce shop functions with the YITH pluginDisabling the WooCommerce shop functions with the YITH plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 29

Should you disable the store operate, you’ll get extra choices to set particular time ranges or days.

READ  Best of Best WordPress Tutorials of 2024 on WPBeginner

That is notably useful if you happen to solely need to cover costs on days or vacation seasons when your on-line retailer doesn’t settle for orders.

Disabling the shop function for certain dates with the YITH pluginDisabling the shop function for certain dates with the YITH plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 30

For extra focused management, you possibly can simply skip the ‘Disable store’ menu and concentrate on the settings below ‘”Add to Cart” settings within the Catalog Mode’ part.

Right here, you should use dropdown menus to decide on precisely the place to cover or present add-to-cart buttons. For instance, you possibly can cover or present them for objects in your exclusion checklist, which is a function that permits you to group particular merchandise, classes, or tags collectively.

This makes it simple to cover buttons for simply these chosen objects as an alternative of your whole retailer. We’ll speak extra about creating exclusion lists in a later part.

Disabling the shop functions for products in exclusion list in the YITH pluginDisabling the shop functions for products in exclusion list in the YITH plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 31

Shifting down, you possibly can select to cover the ‘Add to cart’ button in product variations. This retains your catalog mode constant throughout all product sorts, together with these with a number of choices like measurement or coloration.

You too can determine what seems rather than the ‘Add to cart’ buttons on the WooCommerce pages.

We suggest deciding on ‘Nothing’ for these choices to maintain the area clear. We’ll add customized buttons in a unique part later.

Hiding the cart buttons in product pages with YITH pluginHiding the cart buttons in product pages with YITH plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 32

Additional down, you’ll discover ‘Worth settings in Catalog Mode.’

You may select between hiding costs for all merchandise or simply these in your exclusion checklist.

Whenever you cover costs, you possibly can substitute them with customized buttons. The plugin contains a number of pre-designed button kinds, like ‘Pattern Button 1,’ which we’ll customise within the subsequent step.

Bear in mind to click on ‘Save Choices’ while you’re carried out making your choices.

Hiding prices in product pages with YITH pluginHiding prices in product pages with YITH plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 33

Step 3: Create a New Button to Substitute the Cart Button

Now, it’s time to customise the button that may substitute your cart buttons and costs. Head over to the ‘Buttons & Labels’ tab to get began.

Choose one of many pre-designed buttons supplied by YITH, then click on the pencil ‘Edit’ icon to customise it.

Editing a button in YITH WooCommerce Catalog ModeEditing a button in YITH WooCommerce Catalog Mode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 34

First, give your button an easy identify so you possibly can simply discover it later.

Within the ‘Copy’ tab, you possibly can change the button textual content to one thing that matches your wants. Widespread selections embrace “Request a Quote,” “Contact Us for Pricing,” or “Get Personalized Worth.”

Replacing the button text in YITH WooCommerce Catalog ModeReplacing the button text in YITH WooCommerce Catalog Mode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 35

Including an icon could make your button extra participating. To do this, you possibly can choose ‘Select from default icons’ within the Icon part.

You may flick thru the out there choices to seek out one which matches your message.

Choosing a button icon in YITH WooCommerce Catalog ModeChoosing a button icon in YITH WooCommerce Catalog Mode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 36

You too can fine-tune your icon by adjusting its measurement, alignment, and colours.

Simply watch your adjustments seem within the reside preview on the appropriate aspect of the web page.

Customizing the button icon in YITH WooCommerce Catalog ModeCustomizing the button icon in YITH WooCommerce Catalog Mode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 37

Now, change to the ‘Model’ tab to customise your button’s look.

That is the place you possibly can modify the background colours, width, borders, padding, and margins to match your web site’s design.

Customizing the button style in YITH WooCommerce Catalog Mode pluginCustomizing the button style in YITH WooCommerce Catalog Mode plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 38

Lastly, within the ‘Choices’ tab, arrange the hyperlink in your button. We suggest utilizing the ‘Personalized URL’ choice to direct guests to your contact or login web page.

You too can add a hover animation to make your button extra interactive and crowd pleasing.

As soon as carried out, simply click on the ‘Replace’ button.

Adding a custom URL to the call-to-action button in YITH WooCommerce Catalog ModeAdding a custom URL to the call-to-action button in YITH WooCommerce Catalog Mode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 39

It’s that straightforward!

Step 4: Create a Product Inquiry Kind (Non-obligatory)

Including an inquiry type on to your product pages could make it simpler for purchasers to ask about costs. This manner, they received’t want to go away the product web page to contact you.

To set this up, navigate to the ‘Inquiry Kind’ tab. Choose ‘Seen in all merchandise’ below ‘Set inquiry type as.’ This ensures the shape seems on each product web page.

For the ‘Kind to point out’ possibility, you should use the ‘Default’ type that comes with the plugin.

Should you already use WPForms or one other type plugin, you possibly can choose your current varieties as an alternative.

Making the inquiry form visible on product page in YITH WooCommerce Catalog Mode pluginMaking the inquiry form visible on product page in YITH WooCommerce Catalog Mode plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 40

When utilizing the ‘Default’ type, you possibly can customise which fields seem.

We suggest retaining it easy with important fields like first identify, e-mail, and message. From our expertise, shorter varieties sometimes get extra submissions.

Enabling form fields in YITH WooCommerce Catalog Mode pluginEnabling form fields in YITH WooCommerce Catalog Mode plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 41

You have got two selections for the place the shape seems: in a WooCommerce tab under the product picture or within the brief description space.

Should you select the tab possibility, you possibly can customise the tab’s title to one thing like “Request Worth” or “Product Inquiry.”

Choosing where to display the inquiry form in YITH WooCommerce Catalog ModeChoosing where to display the inquiry form in YITH WooCommerce Catalog Mode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 42

Don’t neglect to allow the ‘Embrace product Permalink’ setting.

This provides the product’s URL to inquiry emails, making it a lot simpler to trace which merchandise clients are asking about.

yith include product permalink minyith include product permalink min
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 43

Need assistance deciding whether or not to decide on between a WooCommerce tab or a brief product description?

Here’s what the primary possibility seems to be like:

Example of an inquiry form in a WooCommerce tabExample of an inquiry form in a WooCommerce tab
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 44

In the meantime, if you happen to select the product description possibility, the inquiry type will seem proper under the button you simply created.

Like so:

An example of an inquiry form made with YITH WooCommerce Catalog ModeAn example of an inquiry form made with YITH WooCommerce Catalog Mode

Bonus: The best way to Create an Exclusion Record (Disguise Costs for Particular WooCommerce Merchandise)

Now, let’s have a look at hiding costs for particular merchandise as an alternative of your whole retailer. This assumes you’ve already arrange your catalog mode to work with an exclusion checklist in Step 2.

To get began, go to the ‘Exclusion Record’ tab and click on ‘+ Add exclusion checklist.’ A brand new window will open the place you possibly can select what sorts of objects to cover costs for.

Creating an exclusion list in YITH WooCommerce Catalog ModeCreating an exclusion list in YITH WooCommerce Catalog Mode
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 45

The ‘Merchandise sort’ dropdown provides you three choices: particular person merchandise, whole product classes, or product tags. This flexibility enables you to cover costs in ways in which make sense in your small enterprise.

Subsequent, begin typing product names, classes, or tags within the ‘Choose merchandise’ area. The plugin will recommend matches as you sort. You too can select whether or not to point out an inquiry type for these particular objects.

Adding items to the YITH WooCommerce Catalog Mode exclusion listAdding items to the YITH WooCommerce Catalog Mode exclusion list
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 46

You’ll discover settings to ‘Use customized choices for “Add to Cart”‘ and ‘Use customized choices for value.’ We suggest leaving these unchecked if you wish to maintain the settings you created in Step 2.

When you’re carried out, merely click on ‘Add exclusion checklist’ to avoid wasting your adjustments. And that’s just about it!

Right here is an instance of what your product web page could seem like while you allow the plugin:

What the custom contact button made with YITH WooCommerce Catalog Mode pluginWhat the custom contact button made with YITH WooCommerce Catalog Mode plugin
How to Hide Prices in WooCommerce (Keep Product Pricing Private) 47

Study Extra WooCommerce Suggestions and Methods

Now that you just’ve realized the best way to promote merchandise on WooCommerce with out costs, chances are you’ll need to study extra methods to optimize your on-line retailer. Take a look at these newbie’s guides for extra ideas and methods:

We hope this text has helped you learn to cover costs in WooCommerce. You might also need to take a look at our checklist of one of the best WP themes for WooCommerce web sites and our information on the best way to upsell merchandise in WooCommerce.

Should you appreciated this text, then please subscribe to our YouTube Channel for WP video tutorials. You too can discover us on Twitter and Fb.

Leave a Reply

Your email address will not be published. Required fields are marked *