Shopify Call for Price App User Guide


Thank you for purchasing Call for Price Shopify App. If you have any difficulty with this App or you find an issue, please feel free to send us a message: info@capacitywebsolutions.com

Below you will find the detailed documentation on how to use our App and we wish you have a great experience with our Shopify App.

Call for Price App from Frontend



Product List

Product Details Page

Call for Price Form

How to Use Call for Price App


This App is very useful for hide product price and customer can send product inquiry.

Call for Price allows your customers to communicate for price and other information of specific product.

Show Call for Price on Frontend


  1. Go to Admin >> Apps >> Call for Price >> How to Use it

  2. Step-1: Copy Template Code by click on Copy to Clipboard.#

  3. Step-2: Click on Go to Theme and Paste Template Code in your Current Active Theme.

    From your Shopify admin, click on Online Store >> Themes and Select your Current Active Theme.

    Current Active Theme

    NOTE: You can Paste Template Code either in Layout/theme.liquid (It will show everywhere in store) OR Templates/index.liquid (It will show in Homepage only).  
    Paste Shortcode

    Paste Shortcode
  4. Code for Display In Stock Reminder Button into Product Grid and List Page.
  5. Step-3: Copy Product List Code by click on Copy to Clipboard.

  6. #
  7. Step-4: Click on Go to Theme and Paste Template Code in your Current Active Theme.

  8. #
  9. NOTE: You can Paste Template Code either in Snippets/product-card-list.liquid AND /Snippets/product-card-grid.liquid or where your product listing come from

  10. #

Enabled Product for Call for Price


  1. Go to Admin >> Apps >> Call for Price >>Select Products

  2. From here, You can Manage Enabled/Disabled Call for Price into Products
  3. Enabled Products

Call for Price Settings


  1. Go to Admin >> Apps >> Call for Price >>General Settings

  2. Price and Cart Button Settings
  3. Price and Cart Settings

  4. 1. Enable App: Manage enabled/disbaled app from frontend.
  5. 2. Product Container Selector: Set your store theme product container element "class-name" or "id-name" according to your theme (for Ex. .product-card) .

  6. How a merchant can find the Product container selector for their theme?

    Our app functionality is closely connected with your theme HTML structure, so we did our best to test it on different themes and make sure app will work without any manual configuration. But there's always a chance that your theme have some unique elements that will require a bit custom setup - Product container selector allow us to point your main product container if app failed to find it automatically. To find Product container selector right click on product title and inspect it. Please check below screenshot.

    Find Product Container Selector
  7. 3. Price Selector: Set your store theme price element "class-name" or "id-name" according to your theme (for Ex. product-cart__price) .

  8. How a merchant can find the Price selector for their theme?

    Our app functionality is closely connected with your theme HTML structure, so we did our best to test it on different themes and make sure app will work without any manual configuration. But there's always a chance that your theme have some unique elements that will require a bit custom setup - Price selector allow us to point your main product Price if app failed to find it automatically. For find price selector right click on price and inspect it. Please check below screenshot.

    Find Price Selector
  9. 4. Add to Cart Button Selector: Set your store theme add to cart button element "class-name" or "id-name" according to your theme (for Ex. #AddToCart-product-template).

  10. How a merchant can find the Add to Cart Button selector for their theme?

    Our app functionality is closely connected with your theme HTML structure, so we did our best to test it on different themes and make sure app will work without any manual configuration. But there's always a chance that your theme have some unique elements that will require a bit custom setup - Add to cart button selector allow us to point your main product add to cart button if app failed to find it automatically. For find Add to cart selector right click on Add to cart and inspect it. Please check below screenshot.

    Find Add to Cart Button Selector

  11. Call for Price Button and Form Settings

  12. Call for Price Button Settings

  13. 5. Display Call for Price Button: Manage Show/Hide Call for Price Button.
  14. 6. Call for Price Button Text: Set Call for Price Button text.
  15. 7. Css style for Call for Price Button: Manage CSS of Call for Price Button from here.

  16. Admin Mail Settings

  17. Admin Mail Settings

  18. 8. From Email Address: Set email address of admin . It used for send mail to admin when call for price request submit from customer.
  19. Phone Number Settings

  20. Phone Numbmer Settings

  21. 9. Display Phone Number: Show / Hide Phone Number.
  22. 10.Label: Set label which display before phone number.

  23. 11. Phone Number: Set phone number.

  24. Call for Price Form Settings

  25. Call for Price Form Settings

  26. You can Set your custom call for price form field label as well as it's error messages.
  27. 12. Google reCAPTCHA Settings: If you want to enabled Google reCAPTCHA before submit form then you have to fill "Site-key" field for that.

  28. Please see this video for idea of how to create site-key



  29. Here we provide you link Click Here. you can go to that link and create your store google-recaptcha site-key.


  30. Thank you Modal Settings

  31. Call for Price Form Settings

  32. Manage Success Modal header text and body text.

Customer Inquiry


  1. Go to Admin >> Apps >> Call for Price >>Customer Inquiry

  2. Here , You can list of all customer with product details which are submitted from fronted.
  3. Customer Inquiry

  4. You can view customer submitted Product details and You can send replay to customer from here.

  5. Customer View

Customer Support


If you have any questions, please do not hesitate to contact us at info@capacitywebsolutions.com.We are happy to help!

Please add our email: info@capacitywebsolutions.com to your address book to ensure our response email isn’t marked as spam mail.

We will try our best to reply your emails as soon as possible , except weekends and National Holidays.

Thank you.
Capacity Web Solutions Team

Credits