Hide Price and Add to Cart Button

To hide the price and add to Cart buttons on an e-commerce website, the approach can vary depending on the platform you are using like WordPress, WooCommerce, or Shopify Magento. To hide the price and add to Cart buttons you can use either css or javascript. You can use CSS to hide elements by targeting the HTML classes or IDs of the price and the Add to Cart button. Otherwise, you want to dynamically hide elements on the page using JavaScript.

Why buy from us?

• Quality products: emphasize the high-quality material or technology behind your products if you are known for durable reliable or premium products, showcase that.

• Customer satisfaction guarantee: a satisfaction guarantee or hassle-free return policy reassures customers they can trust your company.

• Exceptional customer service: highlight your commitment to providing helpful, friendly and prompt customer services.

• Customer pricing: if your products or services are priced competitively or offer great value make that clear.

• Sustainability and ethics: if your business prioritizes sustainability, fair trade or eco-friendly products this can be an attractive selling point.

Product overview:

You can add custom CSS to hide the price and the Add to Cart button. you need to inspect the html structure of your website to get the class name or I’d the elements related to price.

If you are using wordpress:

You can add the css in the customizer by going to appearance then customize and additional css. alternatively, you can modify the theme’s stylesheet or use a custom plugin for css.

If you are using Shopify:

Go to the online Store then themes, actions and edit code. Under the assets folder, find the CSS or SCSS file and add the above code.

Key features:

Hiding the price and the add to Cart on a website or e-commerce platform is typically done for a few key reasons. Here is an overview of some key features and uses for this set-up:

• Lead generation: the website may want to gather user information before displaying the price or allowing them to add items to the cart. This could be in the form of a lead generation from where visitors must sign up, get a quote or ask for more details.

• Exclusive pricing: prices may only be available to specific users such as those who are logged in, are members or have access to see a special promotion.

• Subscription or custom pricing: some products or services have dynamic pricing based on factors like subscription levels, bulk discounts or personalized offers.

• Pre-order or coming soon: when products are not yet available for purchase but visitors can express interest in the price and add to Cart to options are hidden to avoid premature sales. Display a notify me or pre order now button instead of the add to Cart button.

• Product exclusively or VIP access: some brands have reverse access to certain products for a select group of customers such as loyal customers or influencers.

• Pricing transparency: In some cases, businesses choose to hide prices to maintain pricing flexibility, especially in b2b settings or markets with fluctuating pricing. This may also be due to competitive reasons.

• Prevent cart abandonment: some businesses choose to hide prices temporarily to encourage users to explore products more thoroughly, ideally increasing conversion rates once they learn more or are ready to commit.

Redemption guide:

Where the price and add to Cart button are hidden until certain conditions are met such as customers needing to log in, request a quote or engage with the site in some way.

• Create an account or log in.
• Request a quote by clicking on the request a quote on the product page. Fill out the form and submit it. We will send you the price.
• Unlock the price and add it to the Cart. Once you logged in or after receiving your quote the price and add to Cart button will appear.
• Add items to your cart and proceed to check out.
• Check terms and conditions. Offer valid until which date or may not be combined with other discounts.
• Need any help contact us.

Create rules to hide price & add to the cart

You can create multiple custom rules to remove the add to cart button and price. This empowers you to optimize price and cart button visibility depending on whether the visitor is a guest or registered customer, or has a specific user role.

When creating a new rule, choose to hide pricing, the “add to cart,” button, or both. You can also choose to hide them for specific countries, products or categories, and to replace them with custom text, button with link, or a contact form.

FAQs