{"id":3748,"date":"2024-12-17T12:08:08","date_gmt":"2024-12-17T12:08:08","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/how-to-add-a-request-a-quote-button-in-shopify\/"},"modified":"2026-02-05T12:10:24","modified_gmt":"2026-02-05T06:40:24","slug":"how-to-add-a-request-a-quote-button-in-shopify","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/how-to-add-a-request-a-quote-button-in-shopify\/","title":{"rendered":"How to Add a Request a Quote Button in Shopify?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hiding the product price and adding a request quote button is a good strategy for interacting with interested shoppers to offer custom pricing benefits.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here, I will show you the easiest method on how to add a request a quote button in Shopify.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ways to Show Shopify Quote Request Option<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There is no default feature in Shopify to display the request quote button. Here, are the two alternate options you have here:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit the liquid theme <\/strong>of your Shopify store. You have to code the solution to add a button and create a form to receive the quote request from your shoppers.\u00a0<\/li>\n\n\n\n<li>Use the <strong>request for quote Shopify app. <\/strong>The app offers a no-code solution to display the button with a built-in form with just a few configurations. \u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I will break down both methods so you can pick the one that works for you.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add a Request a Quote Button in Shopify? (Using Shopify App)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Meetanshi Request Quote &amp; Hide Price app, which comes with a free 7-day trial and makes it super easy to hide pricing and show a button at the front end.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using the app, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hide pricing for specific products, collections, or complete store<\/li>\n\n\n\n<li>Use the built-in simple form to collect pricing inquiries<\/li>\n\n\n\n<li>Add phone number, email, WhatsApp link, and more instead of the default message &#8220;Request Pricing&#8221;<\/li>\n\n\n\n<li>Keep yourself and your customer alerted about the pricing inquiry&nbsp;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Let us see the steps to request quotes and <a href=\"https:\/\/meetanshi.com\/blog\/how-to-hide-prices-on-shopify\/\">hide pricing in Shopify<\/a>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install the MIT Request Quote &amp; Hide Price App<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Install the <a href=\"https:\/\/apps.shopify.com\/hide-price-request-for-quote\" target=\"_blank\" rel=\"noopener\">Meetanshi Request Quote &amp; Hide Price<\/a> from the App Store and enable it from the in the app embeds list in the theme editor. \u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/4-Install-the-MIT-Request-Quote-Hide-Price-App.png\" alt=\"Install the MIT Request Quote Hide Price App\" class=\"wp-image-140687\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Set the Call for Price Scope&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Then, head to the MIT Request Quote &amp; Hide Price dashboard and start configuring the following settings.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Call For Price: <\/strong>Enable the app from here<\/li>\n\n\n\n<li><strong>Do You Want to Hide Price?: <\/strong>Select Yes to hide the price<\/li>\n\n\n\n<li><strong>Call For Price Scope: <\/strong>Choice if you want to apply the functionality for your entire Shopify store(Global), specific product, or specific collection.<br><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/5-Set-the-Call-for-Price-Scope.png\" alt=\"Set the Call for Price Scope\" class=\"wp-image-140688\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In case, you set the scope to Products\/collection<strong> <\/strong>and select all the products\/collections for which you want to show the button instead of price. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Additionally, you can set customization for country-specific countries.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Customize the Display Label &amp; Button&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Next, you have to set the style of the label and button. You can add a simple label or opt for the classic &#8220;Request a quote&#8221; button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you wish to opt for a label, do the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Call For Price As:<\/strong> Select Label from the dropdown<\/li>\n\n\n\n<li><strong>Label Text: <\/strong>Enter a custom text or custom link here using an HTML code<\/li>\n\n\n\n<li><strong>Label Text Color: <\/strong>Opt for the text color as per your liking<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/6-Customize-the-Display-Label-Button-.png\" alt=\"Customize the Display Label Button\" class=\"wp-image-140689\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Save<\/strong> and here is how a label will look in the frontend.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/7-Request-price-label-on-frontend.png\" alt=\"Request price label on frontend\" class=\"wp-image-140690\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you wish to opt for a button, do the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable Call For Price As button option here<\/li>\n\n\n\n<li>Add the customizations mentioned in the step 1. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/8-Configurations-if-you-opt-for-request-price-button.png\" alt=\"Configurations if you opt for request price button\" class=\"wp-image-140691\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click Save and here is how a button will appear to your shopper.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/9-Request-a-quote-button-frontend-view-for-shopper.png\" alt=\"Request a quote button frontend view for shopper\" class=\"wp-image-140692\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When the shopper clicks the button, a simple form will appear, which they must fill out the following fields to get the product&#8217;s pricing.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Name<\/li>\n\n\n\n<li>Email<\/li>\n\n\n\n<li>Country<\/li>\n\n\n\n<li>Mobile number<\/li>\n\n\n\n<li>Select product variant<\/li>\n\n\n\n<li>Custom message<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/10-Request-a-quote-form-frontend.png\" alt=\"Request a quote form frontend\" class=\"wp-image-140693\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And that&#8217;s how you hide the price for a product in Shopify. \ud83c\udf89<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After your shopper has submitted an inquiry, you can view it under the \u201c<strong>Inquiries<\/strong>\u201d tab in the app dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Additionally, if you wish to see specific customer inquiries, just click the eye icon.\u00a0You will get complete individual inquiry details.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/11-View-Inquiries-under-inquiries-tab.png\" alt=\"View Inquiries under inquiries tab\" class=\"wp-image-140694\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When a shopper inquires about any specific product in your store, you can notify them via email about their action.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Within the app dashboard, you can customize the email templates using the <strong>Email settings <\/strong>section.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/13-Customize-email-template-using-email-settings.png\" alt=\"Customize email template using email settings\" class=\"wp-image-140696\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"meetanshi-cta\">\r\n\r\n<div class=\"cta-content-wrapper\">\r\n\r\n<span>Quote &amp; Hide Price App\r\n\r\n<\/span>\r\n\r\n<p>Hide the price within a few configurations\u2014zero coding Shopify app.<\/p>\r\n\r\n<a href=\"https:\/\/apps.shopify.com\/hide-price-request-for-quote\" target=\"_blank\" class=\"btn-primary\" rel=\"noopener\"> Install Now<\/a>\r\n\r\n<\/div>\r\n\r\n<div class=\"cta-image-new\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/mit-request-quote-hide-price-app.png\" alt=\"MIT Request Quote &amp; Hide Price App\">\r\n\r\n<\/div>\r\n\r\n<\/div><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Set The Shopify Request Quote Button? (Manually)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In your Shopify admin panel, go to<strong> Online Store > Themes > Actions <\/strong>and select <strong>Edit code.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/1-Edit-Code.png\" alt=\"Edit Code\" class=\"wp-image-140684\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the theme editor, open the main-product.liquid file under &#8220;Sections&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Find the section responsible for the product price and remove it or comment it out using {% comment %} and {% endcomment %}. Now, add the following code:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div class=\"request-quote-container\">\n\n\u00a0\u00a0\u00a0\u00a0&lt;a href=\"\/pages\/request-quote\" class=\"btn request-quote-button\">Request a Quote&lt;\/a>\n\n&lt;\/div><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">In the above code, replace the target page link as per your requirements and click <strong>Save.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/2-Comment-or-remove-product-price-section.png\" alt=\"Comment or remove product price section\" class=\"wp-image-140685\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This will remove the price section from the product page and add a request for a quote page link. You may also need to set up the form on the target page where the users can submit their quote requests.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, here\u2019s how the product page with the request a quote button looks like:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/12\/3-Request-a-quote-button-on-product-page.png\" alt=\"Request a quote button on product page\" class=\"wp-image-140686\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This method requires you to create a separate page for accepting quote requests. Further, you\u2019ll need to customize your theme to remove the add to cart button and hide prices from other locations.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Simplest Way to Add Request Quote Feature in Shopify<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Replacing the pricing with a request quote button is pretty simple using the Meetanshi Request Quote &amp; Hide Price app.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As it auto removes the pricing, add to cart, and buy now buttons, unlike the manual method where you need to edit these options from your backend.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With a few simple configurations and zero coding, your store is ready to collect inquiries.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"meetanshi-cta\">\r\n\r\n<div class=\"cta-content-wrapper\">\r\n\r\n<span>Quote &amp; Hide Price App\r\n\r\n<\/span>\r\n\r\n<p>Hide the price within a few configurations\u2014zero coding Shopify app.<\/p>\r\n\r\n<a href=\"https:\/\/apps.shopify.com\/hide-price-request-for-quote\" target=\"_blank\" class=\"btn-primary\" rel=\"noopener\"> Install Now<\/a>\r\n\r\n<\/div>\r\n\r\n<div class=\"cta-image-new\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/mit-request-quote-hide-price-app.png\" alt=\"MIT Request Quote &amp; Hide Price App\">\r\n\r\n<\/div>\r\n\r\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hiding the product price and adding a request quote button is a good strategy for interacting with interested shoppers to offer custom pricing benefits.\u00a0 Here,&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[787],"tags":[],"class_list":["post-3748","post","type-post","status-publish","format-standard","hentry","category-shopify"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=3748"}],"version-history":[{"count":6,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3748\/revisions"}],"predecessor-version":[{"id":25728,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3748\/revisions\/25728"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=3748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=3748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=3748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}