Shopify App | Documentation
CI Hide Price
- Version: 1.1
- Author: CynoInfotech Team
- Published: 9 June, 2025
- Last Update: 10 August, 2026
If you have any questions beyond the scope of this guide, feel free to email us at info@cynoinfotech.com.
Information
Hide Price app for those users who are not logged in on the website. Store owners can choose to either show a "Login to View Price" button, or a "Get Price on WhatsApp" button so customers can enquire about the price directly on WhatsApp, without needing to create an account.
Product price is the most important part of an eCommerce website. A store owner has to decide if the price of the products will be visible or not for customers. Store owners can hide prices to encourage upgrading to a customer group, increase customer signups, or drive direct enquiries, for all products, specific products, or specific collections.
Using this app, the store owner can easily manage prices on the product page and the collection page, restrict visibility to specific customer tags or markets/countries, and match the button design to their theme.
Key Features:
- Choose between a "Login to See Price" button or a "Get Price on WhatsApp" button.
- A logged-in user can view the price and add-to-cart for the product.
- Login button redirect to the Login Page or a Custom Redirect URL.
- Customers can send a pre-filled WhatsApp message to enquire about a product's price directly.
- Fully customizable button Appearance — colors, border, font, padding, margin and border radius.
- Apply the app to All Products or a Specific Product/Collection.
- Show prices only to customers with specific customer tags, such as approved or B2B customers.
- Apply price hiding to All Countries or Specific Countries/Markets.
- Element Selectors support for custom themes that don't meet Shopify's standard theme criteria.
- Increase registered customers and quickly collect customer information for future store offers and updates.
Settings
These are the app settings where you can effortlessly configure or customize the design for Hide Price, Apply To products/collections, and Element Selectors for a custom theme. Settings are organized under two tabs: General Settings and Advanced Settings.
Enable App
Use the Setup Guide on the app dashboard to enable the Hide Price app on your storefront.
To make CI Hide Price work properly on your storefront, app embed must be enabled. Click the Activate App Embed button and click Save in the theme editor to enable it.
Once you've done this, come back to the Setup Guide in the admin and click I have done it. When both steps show as completed, the app is ready to use.
- The Setup Guide tracks your progress with a step counter (e.g., "2 out of 2 steps completed") and a progress bar.
- Activate CI Hide Price on Your Store: Click the Activated button to enable the app embed from your theme editor.
- Start your settings: Guides you to add your settings after activation.
- Click Need help? if you face any issue enabling the app embed.
General Settings
The General Settings tab is where you choose how customers see hidden prices, and design the button to match your theme. There are two button modes to choose from.
Login to See Price Button
Display a "Login to See Price" button in place of the price. Customers must log in to view the price and add the product to the cart.
| Field | Type | Description |
|---|---|---|
Button Text | Text | Text shown on the button, e.g. "Login to View Price". |
Login Button Redirect | Select | Redirect customers to the Login Page or a Custom Redirect URL. |
Custom Redirect URL | Text | Shown when Custom Redirect URL is selected — the URL customers should be redirected to, such as a registration page or contact form. |
Get Price on WhatsApp
Instead of asking customers to log in, you can let them enquire about a product's price directly on WhatsApp with a pre-filled message.
| Field | Type | Description |
|---|---|---|
WhatsApp Button Text | Text | Text shown on the button, e.g. "Get Price on WhatsApp". |
WhatsApp Phone Number | Text | The store's WhatsApp number, including the country code, e.g. +91 9874598745. |
WhatsApp Message | Text | The pre-filled message sent to your WhatsApp. Use the {product_url} variable to automatically include the product link. |
Appearance
Design the button to match your theme with text or background color and many more options.
| Field | Type | Description |
|---|---|---|
Text Color | Color | Color of the button text. |
Background Color | Color | Background color of the button. |
Border Color | Color | Color of the button's border. |
Border Width | Number | Thickness of the button's border, in pixels. |
Font Weight | Number | Boldness of the button text (e.g. 400, 700). |
Font Size | Number | Size (px) of the button text. |
Padding | Number | Inner spacing around the button text — set independently for Top/Right/Bottom/Left. |
Margin | Number | Outer spacing around the button — set independently for Top/Right/Bottom/Left. |
Border Radius | Number | Roundness of the button's corners. |
Custom Class | Text | Add a class from your theme for additional button styling. |
Apply To
Select where in your store you want to hide the price.
| Field | Type | Description |
|---|---|---|
Applies to | Radio | All Products hides the price store-wide, or Specific Product/Collection hides it only for the products/collections you select. |
Element Selectors
If you're using a custom theme that doesn't meet Shopify's criteria and the Hide Price or Add to Cart button doesn't appear correctly, you can add the custom classes below as per the examples.
Examples:
| Field | Description |
|---|---|
Product Grid Container Class | For a collection list, add the grid class, e.g. .grid li. If your collection list is a plain list layout, add its equivalent class instead. |
Product Card Class | For a collection list, related product slider, or "You may also like" list, add the card class, e.g. .product-card. |
Product Price Item Class | For the price/price group — regular price, sale price, etc. — add the price class, e.g. .price__pricing-group. |
Add To Cart Form Class | For the collection list, product page, or any other list, add the form class, e.g. .product-form. |
Quick Add Button Class | If you have a quick-add or "Choose options" button (e.g. Dawn theme on the collection page), add its class, e.g. .quick-add. |
Bulk Add Button Class | Same as Dawn theme's quantity button on the collection page, e.g. .quick-add-bulk. |
Advanced Settings
The Advanced Settings tab lets you restrict who sees prices by customer tag, and which countries/markets the price hiding applies to.
Show prices only to customers with specific tags
Only logged-in customers with an approved tag will be shown the product price. This is useful for approved customers, wholesale, or B2B accounts.
| Field | Type | Description |
|---|---|---|
Enable customer tags | Toggle | Restrict visible prices to specific customer tags. |
Customer Tags | Text | Comma-separated tags, e.g. tag1, tag2, approved, B2B. Only logged-in customers with a matching tag will see prices — everyone else sees the hidden price button. |
Apply to Markets
Choose whether price hiding applies to your entire store or only to specific countries/markets.
| Field | Type | Description |
|---|---|---|
Apply to Markets | Radio | All Countries hides prices everywhere, or Specific Countries hides prices only for the countries/markets you select, keeping prices visible elsewhere. |
Applied on Frontend
Once configured, the Hide Price app works automatically across your storefront wherever a product price is shown.
Collection Page
The price is replaced with the "Login to View Price" (or "Get Price on WhatsApp") button on collection and product listing pages.
Product Page
The price and quantity selector on the product page are replaced with the "Login to View Price" (or "Get Price on WhatsApp") button, including on related and "You may also like" product cards.
Support
If this documentation doesn't answer your questions, please feel free to email us at info@cynoinfotech.com
Our support team operates in the GMT +5:30 time zone and responds to all inquiries within 12-24 hours on weekdays. In rare cases, the response time may extend to 48 hours, especially during the holidays, which may take longer..
Please don't forget to rate our app 5 stars ( ) on the App Store if you are satisfied with our app and customer support! Your feedback is greatly appreciated and helps us improve our services. Thank you!
Changelog
Version 1.1 (10 Aug, 2026)
-
Added
Version 1.0.1 (12 Feb, 2026)
-
Added
Version 1.0 (9 June, 2025)
Initial Release