When you are setting up a new WooCommerce store, there are a few things you can do to make the checkout process more user-friendly. One of those things is to move the ‘Apply Coupon’ input box below the order total on the checkout page.
By default, this input box is above the order total, which can be confusing for customers.
To move the ‘Apply Coupon’ input box below the order total on the checkout page, you will need to edit your theme’s functions.php file. You can do this by going to Appearance > Editor in your WordPress dashboard.
Once you are in the editor, select the functions.php file from the right-hand sidebar. Then, look for the following code:
If this code is not present in your functions.php file, you will need to add it. Once you have added or found this code, simply change the word “remove” to “add.” This will move the ‘Apply Coupon’ input box below the order total on the checkout page.
You can also style this text using HTML tags. To do this, simply add the tags around the text you want to style. For example, if you wanted to make the text bold, you would add tags around it like this:
The Apply Coupon input box will now be below the order total on the checkout page.
You can also use underline and italic tags to style your text.
Some plugins or themes may not be compatible with this change, and it could cause your checkout page to break. So be sure to test this change thoroughly before implementing it on your live site.
Conclusion:
Moving the ‘Apply Coupon’ input box below the order total on the checkout page can make it easier for customers to find and use coupons during checkout. To do this, you will need to edit your theme’s functions.php file and add or find the following code:
