PHP code to disable coupon code field in the cart page, PHP code to disable coupon code field in the checkout page. Let’s have a look at how to apply them. Now you can see a small text editor window on the left side where you can add additional CSS to your theme. Then, you need to click on the checkbox to disable the coupon field completely on the cart or checkout. So, users will not see the coupon code fields but the coupon will be automatically applied to their cart. With careful planning, offering free shipping in WooCommerce can provide your store with several benefits like customer loyalty, a boost in sales, and higher conversion rates. To do that, first, go to the WooCommerce>>Settings page, and then click on the ‘Checkout’ tab. It can even encourage customers to increase … Scroll down and find Enable coupons Uncheck the checkbox nearby Enable the use of coupon codes. The default checkout page with the checkout field looks like this: To do this, it will only take you a few minutes and you simply need to follow these simple steps: Steps to hide the coupon code field on the WooCommerce Cart page. Advanced Coupons for WooCommerce (Premium Version) is the add-on for the free plugin and immediately it opens up a lot of extra features that will give you maximum flexibility. The outcome on the cart page is shown below: Disable coupon code completely on your WooCommerce store. It’s also a good idea to give a link to a coupon page where customers can see all the available coupons or a link to open up a popup window with coupon codes. But sometimes you may want to disable the coupon code field only on either the checkout page or the cart page while displaying the coupon code on the other page. You can use the category name that you want to hide the coupon field in the cart and checkout. This code completely disables the coupon code field in the cart page of product ID 133 using thefunction ts_hide_coupon_field_on_cart( $enabled ) function. Now you know how to create coupons in WooCommerce. And thankfully, WooCommerce provides us with two filters that we can use to … You can also reduce the font size of the accordion or expandable element so customers would miss it as it is not prominent. If you are still unable to remove the cart icon from WooCommerce by yourself, then get it fixed for as low as $10. Let’s get started! Facing Problem? for discounts or coupons, as they might abandon your cart to hunt for coupons that are available in your store. You may ask yourself ‘How can I hide the coupon field for multiple product IDs in the cart page?’ We have a solution for this problem as well. Moreover, the free plugin also enables you to hide prices and remove the Add to Cart button in WooCommerce for non-logged in users. We shall take a look at three different ways to hide the coupon code which are as follows: 1) Disable coupon code completely on your WooCommerce store. We will also share a few proven strategies to prevent cart or checkout abandonment due to coupon hunting. Select or unselect the coupon list to show on cart page. Some of these people who go after coupons may decide to postpone their purchase until they get a coupon code. If it is there, the code disables the coupon code field with the aid of this filter add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' ); In the example above, we only removed the coupon code field for one product. However, you do not need to show or train your customers on how to look. Placing the coupon code section in a way that subtly hides it from the customers is another technique to prevent coupon hunting. If you have this checkbox unchecked, coupon code fields will be removed from all places on your WooCommerce store. In this video, I have shown you how you can remove or hide that cart icon from your WooCommerce / WordPress site easily. This practice is known as coupon hunting and it’s very common. More info at: Configuring WooCommerce – General options. Log into your WordPress site and access the Dashboard as the admin user. In some cases, other customers may wait to purchase something, until a coupon is available. You can change where the customer is redirected after visiting the unique URL, and your URL coupons will still obey all coupon … In that case, you may want to hide the coupon code field from the cart page and checkout page. After adding the code, don’t forget to click on the Publish button at the top to save the changes. By changing these options, you can create as many column profiles as you like and save them under your preferred name for later use. If you have automatic coupons, smart coupons, or URL coupons, you may just want to hide the coupon code fields from users while keeping the coupon feature enabled in WooCommerce. With WooCommerce Bulk Coupons Editing Column manager, you can choose to show/ hide columns, set their labels, colors and change their position. You can completely disable the discount coupon code field on the cart and the checkout page in your WooCommerce store. Retainful - Abandoned Cart Recovery Recover abandoned carts in WooCommerce and drive repeat purchases with next purchase coupons; Optinly - Goal Based Popups Drive 10x conversions, grow your email list, conduct surveys & do more with this go-to popup builder. Hide coupon code field on the WooCommerce Checkout page. 2.1) Apply coupon to any product. The coupon code box in the cart page and checkout page often drives the customers away from the checkout process at critical moments. 3) Hide on the checkout page and display on the cart page. However, the coupon code field will be hidden all the time using that method. This can be done by following these simple steps: The WooCommerce store owner may want to hide the coupon code field only on the cart page and display it on the checkout page. You can use PHP, JS or CSS. Njengah.com earns commission from bluehost.com hosting and other web hosting companies listed on this site. WooCommerce doesn’t provide an option to Disable the WooCommerce Cart Icon from the header or navigation. Place pop up header text or background color. This function checks whether there is a coupon field on this page. Looking for a way to hide the WooCommerce Coupon code field, especially in the cart and checkout pages? In the Theme Editor screen, you can see the list of files in your active theme’s folder. If you do not have any active coupon or promo codes, you can remove the coupon field from the checkout page very easily. Unfortunately, unlike the rest of WooCommerce default elements, the coupon form is hardcoded into the Cart table i.e. But I don’t recommend this approach. All other customers do not see the coupon code field. Conclusion. When customers see the coupon box where they can enter a coupon code, they may start looking for coupon codes. Depending on which pages you want to hide the CSS code, copy any of the three following CSS code snippets, CSS code to hide coupon code fields both in the cart page and checkout page, CSS code to hide coupon code field in the cart page, CSS code to hide coupon code field in the checkout page. The That is why it’s always important to install one of the WooCommerce Coupon Code plugins available. Scroll down through the list and click on the Theme Functions (functions.php) file to open it in the text editor screen. Choose General. add_filter( 'woocommerce_coupons_enabled', 'hide_coupon_field_specific_category', 20, 1 ); That’s a simple filter for WooCommerce. This technique will help you to hide/remove other elements from your website as well. If a customer reaches your online store via a link in promo email, social media promotional post, or an affiliate link, you can find it out by checking the URL parameters and choose to apply the coupon code automatically. The “Apply coupon” is less a button and more of a text link, making it the least important action of the bunch. In this article, we will discover a very quick and easy workaround by adding a few lines of custom CSS. To do this, it will only take you a few minutes and you simply need to follow these simple steps: This code completely disables the coupon code field in the cart page using the function disable_coupon_field_on_cart( $enabled ) function. After copying a CSS code snippet from above, paste it into the small text editor window on the left side of the WordPress Customizer screen. WooCommerce URL Coupons allows you to add a individual URL to a coupon code that automatically applies a discount or optionally adds products to the customer’s shopping cart.. This function checks whether there is a coupon field on this page. Side Cart For Woocommerce Allow checkout , ajax on add to cart come up Popup of Woocommerce Cart. For this example, we are going to hide the products in the ‘ Njengah Tech ’ category. If you only want to hide the coupon field on the cart, then you’ll just use the first part of the of the snippet related to the cart. If you do not have any active coupon or promo codes, you can remove the coupon field from the checkout page very easily. Check the radio buttons for showing or hiding coupon on the pages. In your WordPress admin dashboard, navigate to Appearance > Customize to open WordPress Customizer. When the Theme Editor page is opened, look for the theme functions file where we will add the function that will hide the add to cart button in WooCommerce for a particular product. Showing the list of available coupon codes on the cart page helps you to prevent the users from leaving the checkout process for searching coupons. Having said that, I only recommend services (or products) that I found great for my website visitors and personally use them in my business. In this blog, we will show you how to disable the coupon code feature in WooCommerce and how to hide the coupon field on the cart or checkout page. When this URL is clicked, it automatically applies the coupon discount to the customer’s shopping cart. Removing the coupon code functionality in cart is unfortunately not as easy as this is hardcoded in a template. Now, all the coupon code fields will be removed from your WooCommerce store. You will need to override WooCommerce’s cart template to remove the coupon functionality. Free shipping also reduces cart abandonment. Apart from disabling the coupon code feature completely or hiding the coupon code field using CSS, there are also many other tried and tested strategies that you can also try to reduce cart abandonment rate on your online store. Go to WooCommerce > Settings to open the WooCommerce settings page and choose General from the list horizontal tab groups. Premium Cart Conditions, advanced cart conditions to let you control exactly when coupons should be allowed to apply. Features of WooCommerce URL Coupons. Other CMS systems are in the pipeline, WooCommerce Tips and Tricks | Latest WooCommerce News, Disabling the coupon field from the cart and checkout page on WooCommerce, Disable coupon code field only on the WooCommerce checkout page or cart page, Smart techniques to prevent coupon hunting, How to Hide Coupon Code Field on the WooCommerce Checkout Page. For example, you may want to hide the code field if a product called ‘Tshirt’ with a product ID of 133 is present in the cart. Remember to add the correct product ID based on the products that you have in your WooCommerce store. This URL is added to any coupon in your WooCommerce store. If you want more details on how to create and set up coupons in WooCommerce, you can check out this step-by-step guide. Additionally, are you may want to disable the coupon code completely on your WooCommerce store. Join 14,000+ WooCommerce Weekly subscribers When you apply a coupon code programmatically, or when you really need it anyway, you may want to hide the coupon code on the cart page. If you don’t allow coupons, your customers might think they are not getting the … To do this, simply follow these simple steps: We hope that you can now hide or remove the coupon field from your WooCommerce site! The WooCommerce URL Coupons extension helps you create unique URLs that automatically apply a discount and products to the customer’s shopping cart. Go to: WooCommerce > Settings > General > Enable coupons; Tick the checkbox to Enable the use of coupon codes. With all that said, let us go through some of the steps that you need to undertake to disable or hide coupons from different parts of your WooCommerce store to maximize your conversions and to generally make all your customers happy. As a WooCommerce store owner, you might want to hide the coupon code field if a product of a certain category is present in the cart. First, in your WordPress dashboard, go to the WooCommerce > Settings > General. Then go to WooCommerce > Settings > Wholesale Prices. WooCommerce does not have built-in functionality to do this but worry less as we have a solution for this problem. This function checks whether there is a coupon field on this page. All of that and it’s also fully compatible with Advanced Coupons. From the Dashboard menu, click on Appearance Menu > Theme Editor Menu. It can be used for any product that is in the array. In the post How to Hide the WooCommerce Coupon code field, we explained how we can hide the coupon code field from the WooCommerce cart & checkout page. Hide coupon code field on the WooCommerce cart page. WooCommerce: Move / Remove Coupon Form @ Cart & Checkout. For example, let’s take a look at the cart page of Wolf & Badger’s online store. You can try different strategies we discussed above and check if any of them helps you to reduce the cart or checkout abandonment rate on your online store. You can also offer free shipping to customers using the coupon. A filter is a hook that allows a plugin (in this case WooCommerce) to modify data at runtime (as the site is being loaded, in other words—real time). From the search suggestions provided by Google when I just typed wolf and badger in the search input field, you can see that there are two suggestions related to the coupon or promo code. Before adding snippets, clear your WooCommerce cache. Through these coupons, they can offer rewards or discounts as a purchase incentive. The discount code should be automatically applied if the customer reached your online store through a promotional link. This is simply because you want to avoid that certain customers will know the coupon code and try … Scroll down a bit to the Enable coupons section and uncheck the checkbox nearby Enable the use coupon codes. We specialize in helping individuals and businesses run successful, engaging websites. From the list of menus in the left sidebar, choose Additional CSS. However, always displaying a coupon box on the cart page or checkout page may not be such a great idea! The store owner might opt to hide the coupon code field only on the checkout page and display it on the cart page. For this example, we are going to hide the products in the ‘Njengah Tech’ category. Set the coupon list view like on slide from right, slide from left & pop up. Hide coupon code field based on product categories. In that case, customers don’t need to enter the coupon code manually or you don’t need to display the coupon code field. They may leave the checkout page searching for the discount coupons on the rest of your website, your social media accounts, or on Google. To use coupons with WooCommerce. Add this code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. However, if you disable the coupon code from the WooCommerce settings as shown in the first method, the automatic coupon code will not work because the coupon code feature is disabled in WooCommerce.