Set Up Prices & Buttons
This tab lets you control two important aspects of the quote request experience:
Whether or not to show product prices and default purchase buttons (Add to Cart, Buy It Now)
Where and how to display the Quote button
On the left-hand side, you’ll find two sub-sections:
Hide Price Setting
Button Setting
On the right-hand side, a real-time preview shows how your button will look on both:
Product Page
Collection Page
1. Hide Price Setting
This section allows you to control the visibility of product prices and Shopify’s default buying options. This is especially useful if you want customers to request a quote before seeing pricing or ordering.
You can choose one of the following options:
1.1. Do not hide price
Prices a will still be visible.
You can choose whether to show or hide Add to Cart & Buy It Now Buttons, The product price is still visible, but the Add to Cart button or Buy It Now can be hidden.
1.2. Hide price, also hide Add to Cart & Buy It Now buttons
All purchasing options and the price are hidden from the customer. This forces the user to click "Add to Quote" and request pricing.
Perfect for B2B/wholesale stores that negotiate custom pricing for each customer.
2. Button Setting
In this section, you define where the Quote button will appear and how it will look. You can style it to match your brand.
2.1. Display Quote Button On
You can enable the quote button on:
Product page: Shows on the product detail page.
Collection page: Shows in collection/grid views.
Theme installation notes:
For free Shopify themes, the quote button will appear automatically on product pages.
On collection pages or paid themes, contact our support to help with installation.
2.2. Position
Select the placement of the quote button on the product page. This lets you control the customer journey visually and functionally.
1. Under product title
2. Under product price
3. Under variant picker
4. Under quantity selector
5. Under 'Add to cart' button
6. Under 'Buy it now' button
2.3. Button Styles
This section includes a full visual editor to design your Quote button:
Basic style controls:
Height: Adjust the vertical size of the button
Margin top / bottom: Add space above or below the button
Border width: Thickness of the border
Border radius: Controls the roundness of the button’s corners
Font size: Size of the text inside the button
Advanced style controls:
Text formatting: Bold, Italic, Underline
Background color: Default state background color
Border color: Default state border
Text color: Default font color
Hover styles:
Customize how the button behaves when hovered:
Background hover color
Border hover color
Text hover color
Use the toggle buttons at the top right of the preview section to switch views.
Last updated