---
title: "How to Hide Add to Cart Button in WooCommerce in Elementor?"
url: https://theplusaddons.com/docs/hide-add-to-cart-button-in-woocommerce-in-elementor/
date: 2023-08-08
modified: 2026-05-23
lang: en
author: "Aditya Sharma"
description: "Do you want to hide the Add to Cart button from your products? When visitors see fewer purchasing options on the listing page, they click through to the product detail..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Hide-Add-to-Cart-Button-in-WooCommerce-in-Elementor_-1024x536.jpg
word_count: 329
---

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

## 

- Hides the Add to Cart button using the Product Listing widget from The Plus Addons for Elementor.
- Disables the Cart Button Display toggle in the Extra Options tab to remove the button from product listings.
- Allows customization of the button text by enabling the Cart Button Display toggle and selecting options.

Do you want to hide the Add to Cart button from your products? When visitors see fewer purchasing options on the listing page, they click through to the product detail page where you can present targeted upsell and cross-sell offers to increase average order value.

The default WooCommerce shop template shows the Add to Cart button on every product card. The Product Listing widget in The Plus Addons for Elementor gives you per-listing control to show or hide the button in the Elementor editor, without custom code.

*To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](https://theplusaddons.com/docs/product-listing-widget-settings-overview/).*

**Best Used For:**

- WooCommerce stores where products require a size or variation selection before adding to cart- Membership sites or inquiry-based businesses that need visitors to view the full product page before purchasing- Bundle or configuration-based products where adding to cart directly from the listing is not the intended flow

***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](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, make sure you have added some products to your WooCommerce store, then follow the steps - 

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

2. Go to the **Extra Options** tab and disable the **Cart Button Display** toggle. This hides the Add to Cart button from every product in the listing.

To customize how individual product detail pages look in Elementor, see [how to edit a WooCommerce product page in Elementor](https://theplusaddons.com/docs/edit-woocommerce-product-page-in-elementor/) using the WooCommerce Builder in The Plus Addons for Elementor.

![](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-cart-button-display-new.png)

To change the button text instead of hiding it, turn on the **Cart Button Display** toggle. This reveals options to update the Add to Cart button text and the Select Options button text for variable products.

To display only featured products in a WooCommerce listing, see [how to display featured products in WooCommerce in Elementor](https://theplusaddons.com/docs/display-featured-products-in-woocommerce-in-elementor/).