Shopify C: Request Quote - Hide Price App User Guide


Thank you for purchasing C: Request Quote - Hide Price Shopify App. If you have any difficulty with this App or you find an issue, please feel free to send us a message: supportshpfy@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.

How to Use it


This App is a handy tool for businesses that like to negotiate pricing with customers.

“C: Request Quote - Hide Price” allows your customers to request a custom quote. This is a full featured quoting tool for your shopify shopping cart. This App provides your customers to add to quote to a Quote List and submit a request to the shop owner in an easy way.


Check Live Demo Here

 Watch App Tour Guide

Buy App


1. Click here to visit our Shopify App >> C: Request Quote - Hide Price

2. Click on Add app button.

Pricing Details: (Click Here)

Add Request a Quote Page in Menu

  1. Step-1: Login to your Shopify Admin then go to Online Store >> Navigation by (click here)

  2. Go to Menus

  3. Step-2: You can Create Menu Item for “Request a Quote” Page like below screenshot:

  4. Click on “Add menu item” then Enter Name as “Request a Quote” and Link as >> https://your-store-domain.myshopify.com/apps/quote-request

  5. Show Request a Quote Page

  6. “Request a Quote” Page Frontend

  7. Frontend Quote Request Page

Customers can submit "Multiple Variants" with quantity for "Quotation" by single button click!


For Online Store 2.0 Themes


 

App Configuration Steps for Online Store 2.0 Themes


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Go to Shopify Admin >> Online Store >> Apps >> C: Request Quote - Hide Price >> How to Use it.

NOTE: If you've switched from Vintage theme to Online Store 2.0 theme after our App installation then only you`ll need to perform steps-1,2 listed within How to Use it tab just like below screenshot else you can skip steps-1,2.

Vintage to OS 2.0 Theme Migration Steps

Step-2: Go to Online Stores >> Live theme >> Theme Customize >> Theme Settings >> App embeds then Enable App embed(s) i.e. "CWS - RFQ Popup" & "CWS - RFQ Script" and click on "Save" button at top right corner!

No Img Available

Step-3 (Show "Add to Quote" buttons on Collection / Search pages): You can copy below shortcode and paste it in the appropriate template of your theme to display "Add to Quote" buttons on Collection / Search pages.

 

IMPORTANT! Depending on your theme, exact template may differ. If you're not sure where to paste Shortcode, please feel free to Contact Us

Step-4: You can display "Add to Quote" button OR "Quick Quote Form" on product details page via "App Block" by follow below screenshot. You can drag and drop app block at any spot where you want to display "Add to Quote" button OR "Quick Quote Form" on your website.

No Img Available

You can also watch video guide for: How to display "Add to Quote" button OR "Quick Quote Form" via app block?

For Developers Customization (Online Store 2.0)



Do you want to customize our App in your Online Store 2.0 theme?

  1. !IMPORTANT: First please make sure to make your theme LIVE in which our app files installed then only feature will work. And also please take backup of your theme first so you've backup of our app files in your hands.

  2. Go to Admin >> Apps >> C: Request Quote - Hide Price >> How to Use it. Then click on Disable Theme App Extension button, which will allow you to edit our App files in your Live theme.

  3. NOTE: By Disable Theme App extension, you can add/edit contents in our app files in your live theme means you can customize our App by your own way or if you'll need any customizations help from our side then you can drop an email at >> supportshpfy@capacitywebsolutions.com

  4. You can turn off or remove our app block, which you've set it in theme customizer section for that you can watch video guide by (click here)

Design Customizations (Online Store 2.0)



Do you want to use your own CSS / styling for our app in your online store 2.0 theme?

  1. Go to Online Stores >> Live theme >> Theme Customize >> Theme Settings > App embeds section then please open our App embed block i.e. CWS - RFQ Script. Then you`ll see Design customizations section just like below screenshot:

  2. Here, you can enter your own CSS wrapped in style type tag.

  3. No Img Available

App Code Installation in Vintage Themes


Dawn Theme (Version: 2.5.0) (OS 2.0):


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Debut Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open sections/main-product.liquid file.

Step-2: Paste below shortcode before this string in file: </product-form> like below screenshot to show “Add to Quote” button in product page after the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-card.liquid file.

Step-2: Paste below shortcode before closing last div of file like below screenshot. Then after click on save button in top right corner to save the file!

 

Collection Page

Debut Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Debut Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open sections/product-template.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.


If your products have Grid view on Collection Page then follow below two steps only!

Step-1: Open snippets/product-card-grid.liquid file.

Step-2: Paste below shortcode at end of file like below screenshot. Then after click on save button in top right corner to save the file!

 

Collection Page


If your products have List view on Collection Page then follow below two steps only!

Step-1: Open snippets/product-card-list.liquid file.

Step-2: Paste below shortcode at end of file like below screenshot. Then after click on save button in top right corner to save the file!

 

Collection Page


Simple Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Simple Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open sections/product-template.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-grid-item.liquid file.

Step-2: Paste shortcode at end of file before closing div. Then after click on save button in top right corner to save the file!

 

Collection Page


Brooklyn Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Brooklyn Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open sections/product-template.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-grid-item.liquid file.

Step-2: Paste shortcode at end of file before closing div. Then after click on save button in top right corner to save the file!

 

Collection Page


Minimal Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Minimal Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open sections/product-template.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-grid-item.liquid file.

Step-2: Paste shortcode at end of file before closing div. Then after click on save button in top right corner to save the file!

 

Collection Page


Venture Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Venture Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open sections/product-template.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-card.liquid file.

Step-2: Paste shortcode at end of file. Then after click on save button in top right corner to save the file!

 

Collection Page


Supply Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Supply Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open sections/product-template.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.


If your products have Grid view on Collection Page then follow below two steps only!

Step-1: Open snippets/product-grid-item.liquid file.

Step-2: Paste below shortcode at end of file before closing div like below screenshot. Then after click on save button in top right corner to save the file!

 

Collection Page


If your products have List view on Collection Page then follow below two steps only!

Step-1: Open snippets/product-list-item.liquid file.

Step-2: Paste below shortcode at end of file before closing div like below screenshot. Then after click on save button in top right corner to save the file!

 

Collection Page


Narrative Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Narrative Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-form.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-card.liquid file.

Step-2: Paste shortcode at end of file before closing div. Then after click on save button in top right corner to save the file!

 

Collection Page


Boundless Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Boundless Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open sections/product-template.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-grid-item.liquid file.

Step-2: Paste shortcode at end of file before closing div. Then after click on save button in top right corner to save the file!

 

Collection Page


Express Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Simple Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-7: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-form.liquid file.

Step-2: Paste below shortcode after this string in file: {% endform %} like below screenshot to show “Add to Quote” button in product page beside the Add to Cart Button otherwise you can place it whichever place you want it to appear. Then after click on save button in top right corner to save the file!

 

Product Page


Step-8: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on Collection Page then only follow below section otherwise you can skip it.

Step-1: Open snippets/product-card-list.liquid file.

Step-2: Paste shortcode at end of file before closing div. Then after click on save button in top right corner to save the file!

 

Collection Page


Custom Theme:


Note:*** Please make sure to set Enable App as "Yes" from Settings Tab >> then click on Save Settings. This will enable this App on your store.
If You're not sure then you can
Contact Us

Then follow below steps one by one.

If you're not using free shopify theme then please read below section for more details.


Step-1: First Download App files ZIP from "How to use it" page then extract it in your PC.

Download App Files ZIP

Step-2: Go to Shopify Admin >> Online Store >> Themes >> Choose Your Theme then click on "Edit code" from "Actions" dropdown.

Click on Edit Code to edit theme

Step-3: Go to "Assets" folder then click on "Add a new asset" and upload below files from ZIP to your theme`s "Assets" folder one by one.

  • cws_quotation.css
  • cws_quotation.js
  • cws_quotation_config.js
  • cws_quotation_icon.png
  • cws_quotation_init.js
  • cws_quotation_loader.gif
  • cws_quotation_no_img.png
  • cws_quotation_upgraded.css

Step-4: Go to "Snippets" folder then click on "Add a new snippet" and Enter "cws_quotation_app" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_app.liquid" contents from Downloaded ZIP and click on "save" button at top right corner to save this file!

Similary, for below three files follow step-4:

cws_quotation_init.liquid [NOTE: Enter "cws_quotation_init" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_init.liquid" contents from Downloaded ZIP]

cws_quotation_modal.liquid [NOTE: Enter "cws_quotation_modal" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_modal.liquid" contents from Downloaded ZIP].

cws_quotation_config.liquid [NOTE: Enter "cws_quotation_config" in textbox(Create a new snippet called) like below screenshot then paste corresponding file: "cws_quotation_config.liquid" contents from Downloaded ZIP].

Step-5: Paste below script code before closing ("head") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 

Step-6: Paste below script code before closing ("body") tag for that just Go to your Online Stores > Themes > Actions > Edit Code > Layout > theme.liquid

 


Feature-1: Show “Add to Quote” button on Product Details Page

Note: ***If you want to show “Add to Quote” button on Product Details Page then only follow below section otherwise you can skip it.


You can watch video guide for below by click here

Go to "Themes" menu from your store admin panel and click on "Edit HTML / CSS" to add necessary liquid changes as mentioned below in your Published Theme.

Open templates/product.liquid or sections/product-template.liquid file. Find for the line

For example, if you want to show “Add to Quote” button in product page beside the Add to Cart Button, then add the below Shortcode in product.liquid file after Add to Cart button code snippet.

For example, “Add to Cart” Form code is like below >>

{% form 'product', product, class:form_classes, novalidate: 'novalidate' %}

 

Then paste shortcode after “Add to Cart” Form closing tag like below screenshot:

Product Page


Feature-2: Show “Add to Quote” button on Collection Page

Note: ***If you want to show “Add to Quote” button on collection page then only follow below section otherwise you can skip it.


You can either watch video guide for below section by click here

Go to "Themes" menu from your store admin panel and click on "Edit HTML / CSS" to add necessary liquid changes as mentioned below in your Published Theme.

Open templates/collection.liquid or sections/collection-template.liquid file. Find for the line

{% for product in collection.products %}

There is "include" code after the above line like below screenshot:

Collection Page - Case1

Once you have found this piece of code, you will see a file name included in there. You will need to locate the file with the name shown there.

For the example in the above image, you will want to go to: product-card-grid.liquid OR product-grid-item.liquid for Products Grid view Or/And product-card-list.liquid for Products List view.

Add the code below to the new file you had just opened: product-card-grid.liquid OR product-grid-item.liquid OR product-card-list.liquid

Add the following code at the places where you want to show the “Add to Quote” button.

 


Feature-3: Show Add to Quote Button on Search Page

Note: ***If you want to show “Add to Quote” on Search Page then only follow below section otherwise you can skip it.

You've to find "search" template file in your custom theme, which is in your active theme's templates folder (search.liquid).

Then you'll need to find loop which prints out products on search page.

For example, “Products loop” code is like below >>

{% for item in search.results %}

You can show "Add to Quote" button by using our app's shortcode like below. If your for loop have variable, which is named as: 'item' then you can use below shortcode directly but if in your custom theme, variable name is different like: 'item2' or 'search_item' then just replace 'item' keyword in below shortcode with your theme's variable name like: 'item2' or 'search_item' before paste below shortcode in your theme file!

Please see below screenshot to get idea:

Search Page Shortcode Help Note

NOTE: If you're not sure then please contact us via email >> supportshpfy@capacitywebsolutions.com

App Shortcode:

 

Please see below screenshot to get idea:

Search Page Shortcode


Feature-4: Show Request for Quote Button on Cart Page

Note: ***If you want to show “Request for Quote Button” button on Cart Page then only follow below section otherwise you can skip it.


Cart to Quote: Very useful feature for moving Cart Product Items to “Request a Quote page” with single button click!

 You can watch video guide to get an idea about what is "Cart to Quote" feature and how it's working by (click here)

Cart Page


You can also watch steps video guide for below by click here

For example, if you want to show “Request for Quote” button in cart page where another cart buttons are located like below screenshot:

Cart Page Shortcode


Feature-5: Show Quick Quote Form on Product Page

Note: ***If you want to show “Request for Quote Form (Quick Quote Form)” on Product Page then only follow below section otherwise you can skip it.

 You can watch video guide for below by (click here)

Enable this setting will hide “Add to Quote” button on product page instead of it shows “Request a Quote” form.
So, Customer will be able to place custom quote request for product item or variation within product page itself.


You can watch video guide for below by click here

Step-1: Add App Shortcode in Product Template of your Active Theme by Go to "Themes" menu from your store admin panel and click on "Edit HTML / CSS" to add necessary liquid changes as mentioned below in your Published Theme. (Note: *** Add Shortcode only if its not already exists)

Product Page

Step-2: Go to Admin >> Apps >> C: Request Quote - Hide Price then click on Settings tab then follow below screenshot:

Enable Quick Quote Form on Product Page

“Quick Quote Form” on product details page:

Frontend Quick Quote Product Form

How to do App Code Uninstallation manually?


After App Uninstalled by Store Owner, Shopify does not permit us to access files on your store. So, You have to remove App code files manually from your Active Theme or Any Theme in which You had previously installed “C: Request Quote - Hide Price” App Files.

  1. [For Vintage Theme Users only]:

    ***NOTE: This file "templates/product.cws_quote_manage_stock.liquid" will not included in upgraded version.

    From your Shopify admin, click on Online Store >> Themes and Select your Current Active Theme and Delete files one by one by search files with prefix: "cws_" like below screenshot:




  2. [For Online Store 2.0 Theme Users only]:

    From your Shopify admin, click on Online Store >> Themes and Select your Current Active Theme and Delete files one by one by search files with prefix: "cws" like below screenshot:


How to manage Request for Quote App?


Manage Quotes


  1. Go to Admin >> Apps >> C: Request Quote - Hide Price >> Manage Quotes

  2. From Here, You can Manage Quotes data by Edit / Delete / Search / Export / Copy / View operations.

  3. Manage Quotes

Add Quote


 Go to Admin >> Apps >> C: Request Quote - Hide Price >> Add Quote

 From Here, You can “Create Quotation with Products” for your Client.

Add Quote

 When you've enabled the markets feature for the RFQ app (multiple languages and currencies), you'll notice that more fields related to the customer's localization details are included in this "Add to Quote" form. From here, you've to supply details for Customer Language, Customer Country, Customer Currency and Customer route URL for the newly created Quote. See the screenshot below to get an idea:

Add Quote - Customer localization details

!IMPORTANT NOTE: When you`ll create quote on behalf of your customer and if customer belongs to same locale like yours then there is not needed to enter anything in "Customer Route URL" textbox, so customer when open "View Quote" page then it will be default store front. However, if the customer's locale or region differs from yours, you must enter the "Customer Route URL" in the textbox, such as "/es-es" for a Spanish customer. (Click here to know how to find Customer Route URL)

FAQ for How to find Customer Route URL:

 You (Admin) can go to the Admin >> Settings >> Markets section of Shopify admin, where you can open any one of the market details pages and click on the Manage link in front of the "Domains and languages" section of that particular market, where on the bottom of the page, you`ll see URL handle values just like the below screenshot:

How to find Route URL for the Customer

 For instance, if your customer's region is Spain and your customer's language is Spanish, then "Customer Route URL" will be: /es-es but if your customer's language is "English" and your customer's region is Spain, then "Customer Route URL" will be: /en-es.

NOTE: If you`re not sure how to find customer route URL then simply drop an email at >> supportshpfy@capacitywebsolutions.com

Edit Quote / Assign Line Items


From Here, You can do below Operations:

  • Update Client Details
  • Assign Line Items (Product & It's Variants by choose Variant from Dropdown in Products List) by click on "Add Products" button.
  • Edit Line Items (Edit Line Item Qty & Offer Price | Delete Line Item) by click on "Edit" button of that specific line item.
  • Duplicate Quote for another Client
  • Create Draft Order For Client with or without to give Discount on Full Order (Watch video guide)
  • Email Quote Details to Client
  • Send Comment (Message) to Client

Edit Quote

Enable / Disable Products for “Request For a Quote”


  1.  You can watch video guide for below by (click here)

  2. i. Enable/Disable Quote on Selected or All Products: Go to Admin >> Apps >> C: Request Quote - Hide Price >> Products section of our App. From Here, you can either enable/disable quotes on specific or all products easily. For instance, to enable quotes on specific products, just select those products by clicking on the checkboxes of the corresponding products, then click on the "Enable Selected Products" button. See the screenshot below to get an idea:

  3. Products

  4. ii. Enable/Disable Quote on Zero Price Products: Go to Admin >> Apps >> C: Request Quote - Hide Price >> Settings >> General Settings section of our App. From Here, you can enable quotes on zero price products, see the screenshot below to get an idea:

  5. Enable quote on zero price products

  6. iii. Enable/Disable Quote on Products based on Tags: Go to Admin >> Apps >> C: Request Quote - Hide Price >> Settings >> General Settings section of our App. From Here, you can enter tags to enable/disable quotes on specific products by tags, see the screenshot below to get an idea:

  7. Enable/Disable quote on products by Tags

  8. !IMPORTANT NOTE: The tag must be exactly the same as the one you entered inside Shopify admin in the "Products" section then only quotes based on product tags will work.

Customer Email Customization


From Here, You can customize "Customer Quotation Emails".

You can set logo, enable/disable address details, enable/disable product vendor/barcode details, change email texts, change email subjects etc.

NOTE: In email subject, you can use: {first_name},{last_name},{quote_id} then these tokens will be replaced with actual customer details i.e First Name, Last Name and their Quote ID. In email body and email footer, you can use: {quote_id},{first_name},{last_name},{email},{message},{phone_number},{company} then these tokens will be replaced with actual customer details i.e Quote ID, First Name, Last Name, Email, Message, Phone Number and Company.

(1) Quotation Submission Email Customization:

Quotation Submission Email

Email Receipt:

Quotation Submission Email Receipt

(2) Quotation Comment Email Customization:

Quotation Comment Email

Email Receipt:

Quotation Comment Email Receipt

(3) View Quotation (Quotation Accept) Email Customization:

View Quotation Email

Email Receipt:

View Quotation Email Receipt

General Texts


  1.  You can watch video guide for below by (click here)

  2. Go to Admin >> Apps >> C: Request Quote - Hide Price App >> Translations >> General Texts.

  3. From here, you can alter app default texts, whichever you want then click on the Save button! See the below screenshot:

  4. Manage General Texts

Settings


Go to Admin >> Apps >> C: Request Quote - Hide Price >> Settings

From Here, You can Manage Settings for “C: Request Quote - Hide Price” App.

General Settings


From Here, you can enter new start number for newly created Quotes. If Quote already exists, this number can't be a number before the current Quote numbers and you can hide 'Add to Quote' button on collections page and you can show/hide SKU in form/email and you can show/hide product image in form/email and you can set global product image resolution which is being used in all places at front-end and also in email receipts. You can easily "Enable quote on zero price products" from here. You can also easily enable quotes on products based on tags.

From here, you can use secure URL for view quotation page. This is very useful feature. Secure URL will not show "Quote ID" in "View Quotation" Page. So, if you (admin) has given discounts different for each customer then other customer can't see the discount/offer prices which you've given to your another customer by means of using this feature i.e. 'Use Secure URL for "View Quotation" Page'. You can watch video guide for this feature by (click here)

General Settings

Add to Quote Variants Table Pop-up Settings


From here, you can show/hide variant image in "Add to quote popup".

General Settings

Request for a Quote Form Settings


From Here, You can choose Required Form fields, Show/Hide 'Floating Quote Cart', Enable / Disable reCAPTCHA & Enable Quick Quote Product Form.

**NEW FEATURE: Now, you can set any reCAPTCHA version either v2 or v3.

Note: *** You can create your own site key, secret key for reCAPTCHA by (click here)

Request for a Quote Form Settings

Stock Settings


From Here, You can Allow Quote for a Soldout Products.

Note: *** This setting will allow your customer to "Add to Quote" for a product. To allow Checkout with soldout products, You'll need to enable allow customers to purchase when it's out of stock for a product from Shopify Admin > Products by (click here)

Stock Settings

Hide Add to Cart & Price Settings


 You can watch video guide for below by (click here)

From Here, You can Hide Add to Cart Button & Price on “Quote Enabled Products Only” OR “Hide to All Products" .

You can also hide 'Quick View', 'Wishlist', 'Product Quantity. Box' by enter Class/Id for it in textbox.

Example: .add_to_cart, .quick-view, .btnwishList, .product-form__item--quantity

Note: To use multiple selectors, you'll need to put 'comma' in between them.

Note: *** Hide Add to Cart & Price Feature will be based on theme implementation. Above setting will be worked in All Free Shopify Themes. For another themes, We've provide above custom settings in which you can enter Product Container Selector (Class/Id) And/Or Add to Cart Button Selector (Class/Id), Price Selector (Class/Id). If You've any issues or question for this feature then you can Contact Us

Hide Add to Cart Button & Price Settings


How a merchant can find the Product 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 selector allow us to point your product if app failed to find it automatically.


For find Product selector right click on Product element and inspect it, Please check below screenshot:




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 Product element and inspect it, Please check below screenshot:




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 Product element and inspect it, Please check below screenshot:

Quote Email Settings


From Here, you can set "From", "CC", "BCC" email addresses and also, you can enable/disable SPAM prevention note and make use of "CUSTOM SMTP" feature to avoid your emails going to SPAM folder by means of creating SPF record for your domain.

**Note: It is important that your email notifications goes to inbox of your customer's account, so we highly recommended to configure your SMTP in our app, so all your emails routed from your mail server, by doing this all the email notifications will most likely deliver to your customers inbox instead of going to spam.

Quote Email Settings

!IMPORTANT NOTE: For how to create SPF record for your domain, you can read this article once by click here >> https://support.helpshift.com/kb/article/how-do-i-add-spf-records-to-avoid-the-spam-inbox OR if you're not sure then please contact to your hosting provider in case.

RFQ Form Builder


 You can watch video guide for below by (click here)

Step-1: To use custom form fields for RFQ form then you've to go to Admin >> Apps >> C: Request Quote - Hide Price >> Settings section >> Request for a Quote Form Settings of our App then set "Yes" for this setting i.e. Use 'Custom Fields' for RFQ Form.

Use 'Custom Fields' for RFQ Form

Step-2: Go to Admin >> Apps >> C: Request Quote - Hide Price >> RFQ Form Builder

 From here, You can create an unlimited number of form fields with the following types using the RFQ form builder: text field (email | phone number | numeric types), text area, radio buttons, checkboxes, file upload, date field with time, select dropdown with multi-selections and countries options.

 You can hide or show the default form fields, i.e. first name, last name, message, phone number, and company. Custom form fields can be created, edited, deleted, and copied. You can rearrange form fields by dragging and dropping.

RFQ Form Builder

Markets (Multi Languages & Multi Currencies)


 You can watch video guide for below by (click here)

 Shopify Markets is a cross-border management tool that helps you identify, set up, launch, optimize and manage your international markets - all from a single store.

 Through the Shopify Markets feature, you can set multiple languages and multiple currencies. So, based on the Shopify Markets feature, our app introduces this new feature, i.e. the Markets feature, through which our app contents will be managed in multiple languages with multi-currency support.

 !IMPORTANT NOTE: To manage multiple languages for your store, you`ll need to install the Shopify app, i.e. Shopify Translate & Adapt, that provides functionality for managing your store's product data into multiple languages. Our RFQ App will just display product contents stored in multiple languages that are being managed through the Shopify App, i.e. Shopify Translate & Adapt. You can install Shopify Translate & Adapt app by (click here)

 

How do I first set up multiple languages and multiple currencies in "Shopify Markets"?

 You`ll need to follow the below steps and details to get an overview of how you can set things up in Shopify Markets.

  1. Step-1: Go to Admin >> Settings >> Markets section in your shopify store from admin side. So, you can add new market just like below screenshot:

  2. Go to Markets

  3.  You can fill up new market name and specify regions/countries belongs to this market just like below screenshot:

  4. For instance, enter a market name like "Spanish Market" and specify the country or regions as Spain.

  5. Go to Markets

  6. Step-2: Now, it's time to add store languages! Go to Admin >> Languages section from shopify admin side of your store. So, you can add multiple languages for your store just like below screenshot:

  7. Add Languages

  8. !IMPORTANT NOTE: Language must be published on your store, and then only our RFQ app will display product contents stored in multiple languages on the front-end.

  9. Step-3: Now, you`ll need to assign languages to the created market. So, for this, go to the Admin >> Markets section inside your Shopify admin store then open created market details page. Then, as shown in the screenshot below, click on the Manage link to assign the created language to this market:

  10. Assign language to market

  11.  You can now proceed with the steps outlined in the screenshot below:

  12. Create language subfolder in created market

  13. Step-4: Now, it's time to set currency for this newly created market; for instance, EUR for the Spain market. So, for this, go to the Admin >> Markets section inside your Shopify admin store then open created market details page. Then, as shown in the screenshot below, click on the Manage link to specify the currency for this market:

  14. Specify currency for the market

  15.  You can now proceed with the steps outlined in the screenshot below:

  16. Edit prices in specific currency inside created market details page

 

How do I set up multiple languages and multiple currencies in the "RFQ APP" via the "Markets Feature"?

 After you've setup or created markets with language and currency configurations in Shopify itself, based on that, our app is provided with a "Markets Feature" that allows you to display quote contents in multiple languages, and a draft order can be created in the customer's country so the customer will be able to checkout for your given offer price in their currency.

 You`ll need to follow the below steps and details to get an idea of how you can run multiple languages and multiple currencies for the RFQ App.

  1. Step-1: Go to the Admin >> Apps >> C: Request Quote - Hide Price App >> Settings section, then scroll down to the bottom of the page to find one of the settings, namely, Enable the "Markets" feature for RFQ. Simply select "Yes" for this option and click the Save Settings button. See the below screenshot to get an idea:

  2. Enable Markets Feature of RFQ APP

  3. Step-2: (To manage multiple languages) , first go to the Admin >> Apps >> C: Request Quote - Hide Price App >> Translations section.

    1. i. General Texts: Here, you can enter translations for your chosen language for each general text, then click on the "Save" button! See the screenshot below to get an idea:

    2. !IMPORTANT NOTE: If any field is left blank, the default text in English will be displayed on the front end.

    3. General texts

    4.  See the front-end result for Spanish Language:

    5. Add to Quote Button:

    6. Add to quote button in spanish language

    7. Quote Variants Popup:

    8. RFQ Variants Popup in spanish language

    9. Quote Submission Page:

    10. !IMPORTANT NOTE: You can view the Quote Submission Page of our app at this URL: https://your-store-domain.myshopify.com/apps/quote-request However, for the specific language, you'll need to add a language code parameter to access that language's contents, such as for the Spanish language: https://your-store-domain.myshopify.com/es-es/apps/quote-request

      Product translations will be managed through the Shopify Translate & Adapt app, which will be visible on the RFQ Quote submission page, as shown in the screenshot below:

    11. RFQ Quote Submit Page in spanish language

    12. ii. RFQ Form Builder: Here, you can enter translations for your chosen language for each form field, then click on the "Save" button!

    13. !IMPORTANT NOTE: "Default Texts" refers to texts that were used during form creation inside the "RFQ Form Builder" tab. You can enter the translation for each default text into the corresponding textbox, then click on the Save button! If you leave any form field blank, default text will be displayed on the front-end for that form field.

    14. Form Builder in Spanish

    15.  See the front-end result for Spanish Language:

    16. RFQ Form in Spanish Language:

    17. RFQ Form in Spanish Language

    18. iii. Customer Emails: Here, you can enter translations for each customer email receipt, such as "Quote Submission," "Quote Comments," and "View Quotation." then click on the "Save" button!

    19. Customer Emails in Spanish Language

    20.  See the Customer's Quote submission email receipt in Spanish Language:

    21. Customer's Quote submission email receipt in Spanish Language

    22. Step-3: (To manage multiple currencies) , first go to the Admin >> Apps >> C: Request Quote - Hide Price App >> Settings section, then scroll down to the bottom of the page to find one of the settings, namely, Display price with currency code. Simply select "Yes" for this option and click the Save Settings button. See the below screenshot to get an idea:

    23. Display price with currency code

    24. !IMPORTANT NOTE: If you have multiple currencies, for example, AUD and USD, this setting option will be useful for your customers as both currencies' symbols are the same. So, for AUD, the price will be displayed along with the currency code, for instance: $5.0 AUD, and for USD, the price will be displayed along with the currency code, for instance: $10.00 USD.

    25.  RFQ App flow for the Multi Currency:

    26. i. Quote submit by Spanish Customer: The customer will submit the RFQ form into their chosen locale or region, such as, for instance, the Spanish language or Spain as a country from your store front.

    27. Then, both you (Admin) and your customers will receive quote submission email receipts in Spanish + prices in the Euro currency of Spain country and whatever price values you've managed in the Shopify Markets section are displayed to your customers.

    28. Admin Email Receipt:

    29. NOTE: Admin email receipt contents will be in the default English language, and prices will also belong to the ones that you've managed in Shopify admin >> Products section, but in the email receipt, you`ll get details of your customer's localization, such as: customer's language, customer's currency, customer's country, etc. See the screenshots below to get an idea:

    30. Admin email receipt for spanish language

    31. Customer Email Receipt:

    32. NOTE: Customer email receipt contents will be in the customer's locale (language), and prices will also be in their currency. See the screenshots below to get an idea.:

    33. Customer email receipt for spanish language and with EURO price values

    34. ii. Edit quote details of Spanish Customer: You (Admin) can now change the quote details for this Spanish customer by go to Admin >> Apps >> C: Request Quote - Hide Price >> Manage Quotes >> Edit Quote section of our App. You can follow the steps sequentially outlined in the screenshot below:

    35. Edit quote for spanish customer

    36. iii. View Quote Page: The customer will receive a "View Quote" email receipt in which there is a link to the "View Quote" page from which the customer will be able to accept the quote in their currency and then checkout. See the screenshot below for the "View Quote" page.

    37. View quote by spanish customer

    38. iv. Checkout: When the customer clicks the "Accept & Checkout" button from the "View Quote" page, they`ll be redirected to the checkout page, where the contents will be in their locale (language) and prices and discounts will also be in their currency. See the screenshot below to get an idea:

    39. Checkout by spanish customer

Call for Price/Whatsapp Buttons:


  1.  Through the "Call for Price" and "Whatsapp" buttons, customers can directly contact you via phone call or text message on whatsapp. You can watch video guide for below by (click here)

  2. You (Admin) can display these buttons by go to Admin >> Apps >> C: Request Quote - Hide Price >> Settings section of our App then scroll down to these sections i.e. Call for Price Button Settings and Whatsapp Button Settings.

  3. i. Call for Price Button Settings: You can set Yes for this setting option, i.e. "Display Call for Price Button" and enter your (admin's) phone number in the textbox so your customers can directly contact you via phone call.

  4. CFP Buttons Settings

  5. ii.Whatsapp Button Settings: You can set Yes for this setting option, i.e. Display "Get price on Whatsapp" Button and enter your (admin's) phone number along with country code in the textbox. So, your customers can contact you via text message on whatsapp.

  6. WP Buttons Settings

  7. See the front-end result:

  8. CFP and WP buttons on the front-end

Customer Support


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

Please add our email: supportshpfy@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

How to find "Collection Id"?


  1. Go to Admin >> Products >> Collections

  2. Find the collection and then click on it to open.

  3. Click on Collection

  4. And now you can see the collection's id on the web browser address bar.

  5. View Collection Id

Credits


Buy Now
Faq
Support