How to Hide Shipping Info on WooCommerce (Step-by-Step Guide)
Is your WooCommerce checkout page displaying unnecessary shipping details?
A cluttered checkout process can confuse customers, hamper user experience, increase cart abandonment rates, and hurt your sales.
Did you know that around 70% of your customers will leave your store even after adding products to your cart if they find your shipping strategy or method confusing or inconvenient?
Clear and accurate shipping info plays a pivotal role in bridging that gap and in turning your visitors into buying customers.
Whether you’re selling digital products, offering local pickup, or simply streamlining your checkout, hiding shipping information can improve the customer experience and accelerate conversion by reducing unnecessary distractions.
In this step-by-step guide, I’ll walk you through three proven methods to hide shipping info in WooCommerce using:
- Using WooCommerce settings
- Dedicated plugins (no coding required)
- Custom CSS or PHP code
Let’s dive in and explore how you can clean up that checkout page!
Method 1: Disable Shipping Option From WooCommerce Settings
If you’re looking for a quick and straightforward solution to hide shipping info, WooCommerce provides built-in settings to manage shipping visibility. You can easily turn the shipping option on/off depending on your business goal.
This method works best for stores selling digital products, offering local pickup, or managing a streamlined checkout process.
Here’s how you can use WooCommerce’s default settings to disable shipping options altogether in just a few steps.
- Step 1: Log in to your WordPress dashboard.
- Step 2: Navigate to WooCommerce > Settings > Shipping.
- Step 3: Scroll down to the General Options. In the Shipping Location (s) dropdown, select “Disable Shipping and Shipping Calculations”.
- Step 4: Click on the “Save Changes” button down below.
- Step 5: Test the checkout page on whether your changes are reflected or not.
Pro Tip: If you sell only virtual or downloadable products, Set all products to “Virtual” in the product data section. WooCommerce will automatically hide shipping fields on the checkout page.
And that’s how you can hide/disable shipping info across your entire WooCommerce store.
Method 2: Hide WooCommerce Shipping Info Using a Plugin
For those who prefer a no-code solution, using a plugin is the easiest and most flexible way to hide shipping info in WooCommerce.
Dedicated plugins allow you to control when and where shipping details appear, based on specific rules like cart value, product type, or user role. These plugins can also help you set up conditional shipping on your online store.
Here are three reliable options you can choose from:
- Hide Shipping Method for WooCommerce
- WC Hide Shipping Methods
- ELEX Hide WooCommerce Shipping Methods
For our purpose today, we’ll give you a step-by-step guideline on how to hide shipping info on WooCommerce by using the “Hide Shipping Method for WooCommerce” plugin.
Let’s get right into it. Here’s how you can easily hide your WooCommerce shipping info using the plugin:
- Step 1: Go to Plugins > Add New from your WordPress dashboard.
- Step 2: Search for “Hide Shipping Method for WooCommerce.”
- Step 3: Install and activate the plugin.
- Step 4: Navigate to WooCommerce → Hide Shipping. From here, you’ll be able to hide shipping info based on different criteria, such as product type, cart value, user role, and more.
- Step 5: On the “General Settings” tab, click on the “Hide all shipping methods?” checkbox.
- Step 6: Click on the “Save Settings” button below.
- Step 7: Test the checkout page.
Pro Tip: Don’t forget to clear your site cache to ensure changes take effect.
This method allows you to control WooCommerce shipping info visibility dynamically without coding.
Method 3: Hide Shipping Info with Custom Code
If you’re comfortable working with code, this method allows you to hide shipping info without relying on plugins. By adding a few lines of CSS or PHP code, you can create a lightweight solution tailored to your store’s needs.
Follow the steps below to remove shipping details manually and keep your checkout process clean and efficient.
Option 1: Use Custom CSS
To use your custom CSS code, you’ll have to customize the appearance of your WooCommerce store. Here’s how to do that:
From your WP dashboard, Navigate to Appearance → Customize → Additional CSS. Then, in the text editor, enter the following CSS code.
Add the following CSS code to your theme’s Appearance → Customize → Additional CSS section:
.woocommerce-checkout #shipping_method, .woocommerce-checkout .woocommerce-shipping-fields { display: none !important; }
This code removes shipping method fields from the WooCommerce checkout page.
Option 2: Use PHP Code
To completely remove shipping logic from your WooCommerce store, you’ll need to edit your theme’s functions.php file. Here’s how to do this:
- Step 1: Go to Appearance → Theme File Editor in WordPress.
- Step 2: Select your theme and open the functions.php file in a code or text editor.
- Step 3: Paste this code snippet at the end of that file:
add_filter( 'woocommerce_cart_needs_shipping', '__return_false' );
- Step 4: Save the changes.
This code will disable the shipping logic and hide the info from your checkout page. However, always backup your site or use a child theme before editing code to avoid breaking your website.
Reason Behind Hiding WooCommerce Shipping Info
So, when should you hide shipping info from your WooCommerce checkout page? There are several reasons why you may want to remove shipping information. Let’s have a closer look of the scenarios when hiding the shipping information may be necessary:
When You Sell Digital Products
If your WooCommerce store sells digital or downloadable products like eBooks, software, podcasts, or online courses, there’s no need for shipping information.
Displaying unnecessary fields such as shipping address or methods creates friction during checkout, which can confuse buyers and increase cart abandonment.
When You Run a Local Business/Physical Store
For businesses offering local pickup, shipping info becomes redundant. Customers collecting their orders in person don’t need shipping details like addresses or delivery options.
For example: If you’re running a bakery or a local retail store, removing shipping fields simplifies the checkout process and aligns with your pickup-only service.
When You Want to Optimize Your Conversion Rate
A cluttered checkout page can overwhelm customers. Every extra step or unnecessary field increases friction, which can frustrate buyers and reduce your store’s overall conversion rate.
On the contrary, a cleaner checkout page streamlines the checkout process, reducing friction and enhancing conversions. A distraction-free checkout can significantly enhance the user experience.
Remember, every additional step in the purchase journey is a potential exit point. Simplifying the process helps users reach the finish line faster.
By hiding shipping info, you give customers exactly what they need and nothing they don’t.
Over to You
Hiding shipping info in WooCommerce isn’t just about aesthetics; it’s about creating a faster, smoother, and more intuitive experience for your customers. It’s a quick and effective way to simplify the checkout process, improve the user experience, and reduce cart abandonment.
Whether you’re selling digital products, offering local pickup, or optimizing your checkout flow, removing unnecessary fields helps simplify the customer journey, reduce friction, eliminate confusion, and increase conversions.
That’s why today, we talked about multiple ways you can hide shipping info on your WooCommerce store. From WooCommerce built-in settings to plugin and custom code snippets, all the methods mentioned above deliver proven results.
However, the best way to resonate with your customer is to find out what they need the most. So, conduct A/B testing to see if they actually need what you offer. Create different variations of your checkout page and identify the one that converts the most.
Ready to level up your WooCommerce store?
Explore our in-depth blog section for more expert tips and tutorials that streamline your online business. Transform your WooCommerce business today!