Shopify Call for Price App User Guide

• App Version: 1.0.0
• Our Support Email: info@capacitywebsolutions.com

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.

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.
   
   
   
   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).  
   
   
   
   
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. 

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

9. 

10. 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

11. 

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. 
   

Call for Price Settings

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


2. Price and Cart Button Settings
3. 
   


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.
   
   
   
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.
   
   
   
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.
    
    
    


11. Call for Price Button and Form Settings


12. 
    


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. 
    


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. 
    


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. 
    


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. 
    


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. 
   


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


5. 
   

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

• PHP
• Mysqli
• Angular JS
• jQuery Library
• Shopify API
• Shopify Theme Liquid