Request a Quote Button

Store Design
, , ,
1

I sell towing parts and we sell sidepullers which are thousands of dollars. I want to change the add to cart button to a “request a quote” button that opens up a form for them to fill out. Is there an app that can do this or can i make some simple modifications to my code to make this work? I have a little bit of experience coding but I’m not an expert

2

@Parts2

I suggest you to use a third party app because it provides multiple options aswell as easy dashboard to manage options.

It can be done by some custom code as well but it will not have much options.

Thanks

3

Hi @Parts2 ,

For Shopify, you can use an app or make some simple code modifications. Here are your best options:

**Apps:**1. Globo Request a Quote – Adds a “Request a Quote” button and a form.

  1. Request a Quote & Hide Price – Lets you replace “Add to Cart” with a quote request.
  2. Cart2Quote – Allows customers to request quotes and negotiate prices.

Manual Code Change (Without an App):

If you prefer a code tweak, you can modify your Shopify theme:

  1. Go to Online Store → Themes → Edit Code.

  2. Find the file product-template.liquid (or similar, depending on your theme).

  3. Locate:

    <button type="submit" class="btn">Add to Cart</button>

  4. Replace it with:

    <a href="/pages/request-a-quote?product={{ product.handle }}" class="btn">Request a Quote</a>

  5. Create a Request a Quote page (under Online Store → Pages) and embed a form (Shopify’s built-in contact form works).

4

I would rather do it by modifying the code but wouldn’t replacing the add to cart button with a link change the button for all of the products? I just have one product that i want to change to request a quote

5

You could also take a look at Quotify

You can select specifically for which products you want to enable the request quote button. It offers theme integration via the theme builder but it also has the option to add code manually.

7

You just need a conditional check in your theme so the “Request a Quote” button only replaces the Add to Cart button on the specific product you choose.

Something like:

{% if product.handle == 'your-product-handle' %}
  <a href="/pages/request-a-quote?product={{ product.handle }}" class="btn">
    Request a Quote
  </a>
{% else %}
  {{ original_add_to_cart_button_code }}
{% endif %}

This way everything stays the same for the rest of your catalog, and only that one product shows the quote button.

If you’d rather avoid editing the theme, some apps let you enable the quote button on selected products only — for example the Request a Quote & Hide Prices app worked well for that in my case.