Disclaimer: This is a user generated content submitted by a member of the WriteUpCafe Community. The views and writings here reflect that of the author and not of WriteUpCafe. If you have any complaints regarding this post kindly report it to us.

Shopify is a widely celebrated e-commerce platform that enables entrepreneurs to set up online stores and sell their products. From customizing store aesthetics to managing inventory, Shopify offers its users an array of tools to ensure that their e-commerce venture is a success.


One such customization that several Shopify store owners seek is the ability to hide prices on their collection pages. There can be numerous reasons for this, ranging from exclusive product launches to maintaining a sense of mystique around certain products.


In this article, we will guide you step-by-step on how to hide prices on your Shopify collection page. Additionally, we will introduce you to the “Hide Price and Add to Cart” Shopify app, a valuable tool for implementing this feature effortlessly.

Introducing the “Hide Price and Add to Cart” Shopify App


For those who are not comfortable tinkering with code or want an easier solution, the Hide Price and Add to Cart Shopify app comes to the rescue. Not only does this app allow you to hide product prices, but it also provides the feature to hide the ‘Add to Cart' button.


 This can be particularly useful for stores that operate on an inquiry-based sales model or want their customers to read more about the product before making a purchase.


The app is user-friendly and does not require any coding skills. After installation, users can choose specific products, collections, or even customer groups for which the prices should be hidden. Additionally, the app supports multiple languages and currencies, making it a versatile choice for stores catering to an international audience.


Why Hide Prices on Shopify?


Hiding prices can be a strategic move for businesses. Here are a few reasons:


Exclusive Membership


Some stores offer special prices to members or registered users. Hiding prices for general visitors ensures that only those who are eligible can view the pricing.


Product Teasers


For stores looking to build anticipation for a new product, hiding the price before the official launch can add a sense of intrigue.


Price Negotiation


For high-end or bespoke products, prices might be hidden to invite potential customers to get in touch, opening doors for negotiation.


Steps to Hide Prices on the Shopify Collection Page


Here’s a simple way to hide product prices from the collection page:


Access the Theme Code: Log into your Shopify admin dashboard. Navigate to ‘Online Store' and then ‘Themes'. Here, find the theme you’re using and click on the “Actions” drop-down. Select “Edit code”.


Locate the Relevant Snippet: Search for the file named product-card-grid.liquid or product-grid-item.liquid. If you can’t find these exact files, look for any file related to product listings on the collection pages.


Modify the Code: Within the selected file, find the line of code that displays the product price. It might look something like:



Copy code

{{ product.price | money_without_trailing_zeros }}

Comment out this line of code by surrounding it with {% comment %} and {% endcomment %} tags. Your modified code should look like this:



Copy code

{% comment %}

{{ product.price | money_without_trailing_zeros }}

{% endcomment %}

Save and Review: After commenting out the line, save the file. Now, head to your collection page and see if the prices are hidden as intended.

“Log In to View Prices”: A Strategy for Enhanced Customer Engagement

Shopify Log in to View Price 

While hiding prices on your Shopify store can be a tactical move, another strategic approach, which often yields even more customer interaction, is the “Log In to View Prices” method. By requiring customers to register or login before viewing prices, businesses can create a sense of exclusivity, gather valuable customer data, and boost engagement rates. Let's delve deeper into the benefits of this approach and how to effectively implement it.


Shopify Log In to View Prices for Increased User Registration


Exclusivity and Curiosity: The mere act of logging in to view prices introduces an element of exclusivity. It piques customers' curiosity and compels them to register or log in, thereby making them more invested in your store.


Data Collection: Every registration is an opportunity to collect data about your customers. This data can be invaluable for marketing purposes, allowing for more personalized campaigns and offers.


Improved Customer Relationship Management (CRM): With more registered users, you can more effectively manage customer relationships, tailoring your communications based on user behavior, preferences, and purchase history.


Decreased Cart Abandonment: When users take the time to log in, they're more likely to complete a purchase. The act of logging in serves as a minor commitment, nudging them closer to conversion.


Implement “Log In to View Prices” on Shopify


App Integration: Several Shopify apps offer the “Log In to View Prices” feature. One of the most popular is the aforementioned “Hide Price and Add to Cart” app. These apps allow for easy implementation without the need for extensive coding.


Custom Code: If you prefer a more customized solution, you can modify your Shopify theme code. This would typically involve adding conditional statements that check if a user is logged in before displaying the product price.


Clear Communication: Ensure that the prompt to log in is clear and easily visible. Consider messages like “Exclusive Pricing for Members – Log In to View” to communicate the value of logging in.


Easy Registration Process: If you're asking users to register to view prices, make sure the registration process is as seamless as possible. Consider integrating social media logins or offering a guest checkout option for those who might be hesitant to create an account.


Best Practices for “Log In to View Prices”


Offer Value: Give users a reason to log in beyond just viewing prices. This could be exclusive discounts, member-only content, or early access to sales.


Respect Privacy: Make sure to have a transparent privacy policy in place. If you're collecting user data, be clear about how you'll use it, and ensure you're compliant with regulations like GDPR.


Re-Engage Registered Users: Since users have shown interest by registering, leverage this opportunity. Send them personalized offers, product recommendations, or updates about upcoming sales.


Feedback Loop: As with any strategy, it's essential to gather feedback. Monitor user behavior to see if the “Log In to View Prices” strategy is effective and be open to making necessary adjustments based on user feedback.

The “Log In to View Prices” strategy can be a potent tool for Shopify store owners, driving engagement and fostering closer relationships with customers. When implemented thoughtfully and paired with value offers, it can lead to increased registrations, better customer data, and higher conversion rates. 


As always, prioritize user experience, and ensure that any barriers you introduce serve to enhance, rather than detract from, the customer journey.

SEO Considerations When Hiding Prices


While hiding prices can be a strategic move for your business, it’s essential to keep SEO considerations in mind. Here are a couple of tips:


Provide Clear Information: Even if you’re hiding prices, ensure that the product page contains ample information about the product itself. This ensures that search engines can still index your page effectively.


Use Structured Data: Even if the price is hidden from users, you can still provide this information to search engines using structured data. This helps in maintaining good SEO practices.

ProppingUser Experience


While the tactical decision to hide prices can bring benefits, it’s crucial to prioritize user experience (UX). A poor user experience can deter potential customers, nullifying the advantages of hiding prices. Here are some UX considerations to bear in mind:


Communicate Clearly: If a price is hidden, customers should know why. Consider adding a brief note or tooltip explaining why the price is concealed, whether it's member-exclusive pricing, an upcoming product release, or another reason.


Smooth Navigation: Ensure that the absence of a price doesn't hinder the website's navigation. The product listing should still be easily clickable, leading to the product detail page.


Prompt Call-to-Action (CTA): If you've hidden the ‘Add to Cart' button alongside the price, provide an alternative CTA. This could be an ‘Inquire Now', ‘Learn More', or ‘Get in Touch' button, guiding the potential customer to the next step.


Feedback Mechanism: Allow users to give feedback or ask questions easily. Live chats, inquiry forms, or prominently displayed contact information can facilitate this.


Potential Pitfalls to Avoid


Hiding prices isn't without its challenges. Here are some potential pitfalls to avoid:


Confusing Customers: The primary risk is that customers get confused or frustrated when they don't see a price. This is why clear communication is essential.


Abandoned Carts: If customers have to go through extra steps to discover a product's price or how to purchase it, there's an increased chance of cart abandonment.


SEO Challenges: As previously mentioned, hiding prices can pose SEO challenges. Ensure you're following best practices and using structured data where possible.


Alternatives to Hiding Prices


If you're hesitant about hiding prices but still want to maintain intrigue or exclusivity, consider these alternatives:


Member Pricing: Display a standard price, but offer special pricing or discounts for members and registered users.

Countdown Timers: For product launches, use a countdown timer alongside the product listing, building anticipation without hiding the price.

Price on Request: Instead of entirely hiding the price, display a ‘Price on Request' label. This invites communication without leaving the price area empty.

Wrapping Up

Hiding prices on Shopify, when executed correctly, can be a powerful strategy for specific business models or sales tactics. Whether you choose to modify the theme code manually or opt for apps like the Hide Price and Add to Cart Shopify app, it's essential to maintain a balance between strategy and user experience. 


Always prioritize clear communication, ease of navigation, and alternative calls to action. With these in place, hiding prices can serve as a valuable tool in your e-commerce toolkit.


Welcome to WriteUpCafe Community

Join our community to engage with fellow bloggers and increase the visibility of your blog.
Join WriteUpCafe