How to Hide Add to Cart Button in WooCommerce in Elementor?

Updated onApril 10, 2026By

Key Takeaways

  • The Plus Addons for Elementor allows users to hide the Add to Cart button using the Product Listing widget.
  • Users disable the Cart Button Display toggle in the Extra Options tab to hide the Add to Cart button from all products.
  • The Product Listing widget requires installation and activation of The Plus Addons for Elementor to function.
Table Of Content

Do you want to hide the Add to Cart button from your products? Sometimes you might want to hide the add to cart button from the product for different reasons, such as forcing visitors to the product details page where you can offer more upsell and cross sells to increase the average order value.

With the Product Listing widget from The Plus Addons for Elementor, you can easily hide the add to cart button from products.

To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, make sure you’ve added some products to your WooCommerce store then follow the steps – 

1. Add the Product Listing widget on a page, then select the appropriate listing type, style and layout.

2. Then go to the Extra Options tab, and disable the Cart Button Display toggle. This will hide the add to cart button from all the products of the listing.

Product listing cart button display new how to hide add to cart button in woocommerce in elementor? From the plus addons for elementor

But if you want to change the button’s text, turn on the Cart Button Display toggle, then you’ll find options to change the add to cart button and select options button text.

Also, check How to Display Featured Products in WooCommerce in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the Add to Cart button doesn't hide after following the steps?

If the Add to Cart button remains visible, double-check that you have correctly added the Product Listing widget and selected the appropriate listing type. Ensure you have disabled the Cart Button Display toggle in the Extra Options tab. If the issue persists, verify that The Plus Addons for Elementor is installed and activated, as this widget is a part of that plugin.

Can I hide the Add to Cart button for specific products only?

The instructions provided focus on hiding the Add to Cart button for all products in the listing. If you need to hide it for specific products, you may need to explore custom coding or additional plugins, as The Plus Addons for Elementor does not specify this capability.

What is the best practice for using the Product Listing widget to increase sales?

Hiding the Add to Cart button can encourage visitors to click through to the product details page, where you can provide more information and upsell opportunities. This strategy can enhance the average order value by allowing you to showcase related products and offers effectively.

Does hiding the Add to Cart button impact the user experience?

Hiding the Add to Cart button can significantly impact user experience by redirecting customers to product detail pages. This approach can be beneficial for stores aiming to provide more information before purchase, but it may frustrate users who prefer quick purchasing options. Consider your audience's preferences when implementing this change.

What happens if I want to change the Add to Cart button text instead of hiding it?

If you prefer to keep the Add to Cart button visible but want to change its text, simply enable the Cart Button Display toggle in the Extra Options tab. This will allow you to customize the button text, giving you flexibility in how you communicate the action to your customers.

Can I use the Product Listing widget with other page builders?

The Product Listing widget from The Plus Addons for Elementor is designed exclusively for use with Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. Ensure you are using Elementor to take advantage of this widget's features.

Last reviewed: April 10, 2026

Related Docs