2) Hide on the cart page and display on the checkout page. Conclusion. So, you can choose to display the coupon code field only when customers reach your online store via the links in promo emails, social media promo posts, or affiliate links by looking at the URL parameters. For this example, we are going to hide the products in the ‘ Njengah Tech ’ category. Use the Coupon amount field to set the amount of the discount, the Discount type field to set the type, and the Coupon expiry date to set an expiration date. Moreover, when users go for coupon hunting, they may not complete a purchase because they may not be satisfied since they feel like they missed out on a discount. The 3) Hide on the checkout page and display on the cart page. When the user clicks on the URL, it automatically applies the discount, making the print advertising actionable. Now you know how to create coupons in WooCommerce. You can also offer free shipping to customers using the coupon. If you do not have any active coupon or promo codes, you can remove the coupon field from the checkout page very easily. Let’s get started! So, there is no need to show the coupon code field again because that will confuse the customers. Not being able to offer coupons can often lead to your business missing out on vital sales and revenues. for discounts or coupons, as they might abandon your cart to hunt for coupons that are available in your store. 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. Log into your WordPress site and access the Dashboard as the admin user. 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. WooCommerce does not have built-in functionality to do this but worry less as we have a solution for this problem. 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. The WooCommerce URL Coupons extension helps you create unique URLs that automatically apply a discount and products to the customer’s shopping cart. This requirement can be achieved by hiding the coupon code fields using CSS code. The “Apply coupon” is less a button and more of a text link, making it the least important action of the bunch. YES, $10. For example, let’s take a look at the cart page of Wolf & Badger’s online store. You can change where the customer is redirected after visiting the unique URL, and your URL coupons will still obey all coupon … In this video, I have shown you how you can remove or hide that cart icon from your WooCommerce / WordPress site easily. It can even encourage customers to increase … Remember to add the correct product ID based on the products that you have in your WooCommerce store. Side Cart Woocommerce Plugin Features. The outcome on the cart page is shown below: Disable coupon code completely on your WooCommerce store. WooCommerce doesn’t provide an option to Disable the WooCommerce Cart Icon from the header or navigation. We will also share a few proven strategies to prevent cart or checkout abandonment due to coupon hunting. In this post, I will illustrate how to disable or hide the coupon field in various pages on your WooCommerce store. This function checks whether there is a coupon field on this page. 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.. If you want more details on how to create and set up coupons in WooCommerce, you can check out this step-by-step guide. Go to WooCommerce > Settings to open the WooCommerce settings page and choose General from the list horizontal tab groups. Navigate to WooCommerce > Settings. However, you do not need to show or train your customers on how to look. 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. In the Theme Editor screen, you can see the list of files in your active theme’s folder. So, customers can’t see the coupon code field in both the checkout page and the cart page. In the WordPress Theme Editor screen, scroll down to the bottom of functions.php file and paste the code at the end. After adding the code, don’t forget to click on the Publish button at the top to save the changes. This is just a way for WooCommerce store owners to say thank you for purchasing their products. However, the coupon code field will be hidden all the time using that method. Offering coupon codes is a great strategy to increase sales. It can be achieved by adding a few lines of PHP code to the functions.php file in your theme. This function checks whether there is a coupon field on this page. 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. Facing Problem? 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. Additionally, are you may want to disable the coupon code completely on your WooCommerce store. Easy Setup; View Cart, Checkout, Continue Shopping Button need to be customize; Remove Product From Cart Option; Header Cart, Header Close icon Customize with Color and Hide/show; Delete Icon Customize with Color; Free Shipping Notification Customize with Color and Hide/show; Apply Coupon … Instead of showing the input field to enter the coupon code and button directly in front of the customer, hide the button and input field inside an accordion or an expandable element, and place it at the bottom so that customers won’t notice it. In the example above, we’ve created a coupon that gives a 50% discount to the entire cart and that expires on October 31, 2018. Click the Save Changes button. You can use the category name that you want to hide the coupon field in the cart and checkout. More info at: Configuring WooCommerce – General options. Because it can distract the customers from proceeding to complete the checkout process. 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. FYI, you don’t really need to know how to code to do this. Scroll down through the list and click on the Theme Functions (functions.php) file to open it in the text editor screen. Go to WooCommerce > Settings to open the WooCommerce settings page and choose General from the list horizontal tab groups. All other customers do not see the coupon code field. Place pop up header text or background color. Click on the Save changes button when you are finished. Check the radio buttons for showing or hiding coupon on the pages. 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. 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 the customer has a promo code, they would actively look for where they can enter their coupon code and they will find it without much effort. 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. 2.1) Apply coupon to any product. First, let’s see how to apply a coupon to any WooCommerce product. This function checks whether there is a coupon field on this page. 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. Unfortunately, unlike the rest of WooCommerce default elements, the coupon form is hardcoded into the Cart table i.e. If you want to try it out for yourself, install and activate the plugin. Uncheck ‘Enable Coupon Use’ and click on the ‘Save Changes’ button. Select or unselect the coupon list to show on cart page. 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. 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. Disabling the coupon field from the cart and checkout page on WooCommerce. There are several ways to hide the Add to Cart button in WooCommerce. This is the default location of the coupon field in the cart page: This is the default location of the coupon field in the checkout page: Offering coupons to loyal customers is a great way that WooCommerce store owners give back to the community. 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. To do that, first, go to the WooCommerce>>Settings page, and then click on the ‘Checkout’ tab. Some of these people who go after coupons may decide to postpone their purchase until they get a coupon code. From the list of menus in the left sidebar, choose Additional CSS. Njengah.com earns commission from bluehost.com hosting and other web hosting companies listed on this site. Having said that, I only recommend services (or products) that I found great for my website visitors and personally use them in my business. add_filter( 'woocommerce_coupons_enabled', 'hide_coupon_field_specific_category', 20, 1 ); That’s a simple filter for WooCommerce. Scroll down a bit to the Enable coupons section and uncheck the checkbox nearby Enable the use coupon codes. For this example, we are going to hide the products in the ‘Njengah Tech’ category. If you have a coupon that gets automatically applied to the cart, showing the field to enter coupon code in the cart page or checkout page is redundant. there is no PHP function that can be “unhooked” via “remove_action”. To add a coupon: Go to: Marketing > Coupons. You can also reduce the font size of the accordion or expandable element so customers would miss it as it is not prominent. Before adding snippets, clear your WooCommerce cache. Customers expect to have coupons applied to their shopping, whether it’s for free delivery, a specific price reduction, or a percentage off their cart. It is, after all, a button, so you can hide it via CSS, JS or PHP. You will need to override WooCommerce’s cart template to remove the coupon functionality. In the WordPress Dashboard, go to Appearance > Theme Editor to open the WordPress Theme Editor screen. However, this is not the customer experience that you may want for your WooCommerce store. When this URL is clicked, it automatically applies the coupon discount to the customer’s shopping cart. Use the Coupon … Go to WooCommerce > Settings. PHP code to disable coupon code field in the cart page, PHP code to disable coupon code field in the checkout page. 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. But I don’t recommend this approach. By changing these options, you can create as many column profiles as you like and save them under your preferred name for later use. Hide coupon code field based on product categories. 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. Depending on which page you want to disable the coupon code field, you can copy either of the two PHP code snippets given below. 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. We specialize in helping individuals and businesses run successful, engaging websites. Once you make the changes, don’t forget to click the Save changes button. 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. The discount code should be automatically applied if the customer reached your online store through a promotional link. Additionally, this may result in a risk of purchasing elsewhere or abandoning your store entirely, when they find a cheaper option. If you are still unable to remove the cart icon from WooCommerce by yourself, then get it fixed for as low as $10. Hide coupon code field on the WooCommerce cart page. 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. Scroll down and find Enable coupons Uncheck the checkbox nearby Enable the use of coupon codes. This arises when you do not want people to apply a coupon if they are buying this product. Currently, WooCommerce Support is our main focus. If customers in your WooCommerce store do this, they may search for the competitor’s plugin or find any coupon code offered by the affiliates, which would affect the sales of your store. 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. Features of WooCommerce URL Coupons. To do this use these simple steps and you will be able to hide the coupon field in multiple products on the cart page: This code works like the one on the example (d) but we have defined an array of product IDs where we have looped through the cart items and check if the ID of the item is present in our array. This is simply because you want to avoid that certain customers will know the coupon code and try … Then, you need to click on the checkbox to disable the coupon field completely on the cart or checkout. Placing the coupon code section in a way that subtly hides it from the customers is another technique to prevent coupon hunting. They may leave the checkout page searching for the discount coupons on the rest of your website, your social media accounts, or on Google. 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. From the Dashboard menu, click on Appearance Menu > Theme Editor Menu. Adding a coupon ↑ Back to top Add coupon code and description ↑ Back to top. Let’s have a look at how to apply them. Copy the file plugins\woocommerce\templates\cart\cart.php into your-theme\woocommerce\cart\cart.php. Free shipping also reduces cart abandonment. At the bottom right corner, you can see a field to enter the coupon code. WooCommerce: Move / Remove Coupon Form @ Cart & Checkout. Removing the coupon code functionality in cart is unfortunately not as easy as this is hardcoded in a template. Whether users enter the coupon code or not, the coupon code will be applied to the cart automatically. If it is there, the code disables the coupon code field with the aid of this filter add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );. In your WordPress admin dashboard, navigate to Appearance > Customize to open WordPress Customizer. When customers see the coupon box where they can enter a coupon code, they may start looking for coupon codes.