Quote button on product pages
Show the quote button on your product pages and choose exactly where it sits next to your buy buttons.
This is the most common way to collect quotes. The button sits on the product page near your normal buy buttons. A customer clicks it, fills in your form, and the request lands in your Quote list.
Where the button sits is a single dropdown, so you can put it below your buy buttons, above them, beside them, in place of them, or nowhere at all.
Set the position
Section titled “Set the position”-
Open the button settings
Section titled “Open the button settings”In the app, go to Quote settings and click Customize, then open the Button & widget tab.
-
Find Button position
Section titled “Find Button position”Scroll to Button position and open the Product page button position dropdown.
-
Choose where the button goes
Section titled “Choose where the button goes”Pick the option that suits your theme — the table below explains each one.
-
Check the preview, then save
Section titled “Check the preview, then save”The Preview panel beside the settings updates as you go, and has a desktop and mobile toggle so you can check both. Save your changes, then open a product on your storefront.
The quote button on a live product page.
What each position does
Section titled “What each position does”| Option | What customers see |
|---|---|
| Below Add to Cart button | The quote button appears under your buy buttons, so your normal buying path stays first. The least disruptive option in most themes. |
| Above Add to Cart button | The quote button comes first. Use it when asking for a price is the main action on the page. |
| Replace Add to Cart button | The quote button takes the place of Add to Cart, so the product can only be quoted, not bought. |
| Beside Add to Cart button | The two buttons sit side by side. Check this one on a phone before you keep it. |
| Don't show on product pages | No quote button on product pages. Use this if you collect quotes only from collection or cart pages. |
What the button says and how it looks
Section titled “What the button says and how it looks”The wording comes from Button text on the same tab — the default is Add to Quote. Colours, shape and size are set in the Style section. Both are covered in Change button text and colors.
If the button doesn’t appear
Section titled “If the button doesn’t appear”Work through these in order:
- The app embed isn’t enabled in your theme. By far the most common cause — see Enable the app in your theme.
- The product isn’t one of your quote products. Check Select quote products on the Quote settings page — see Choose quotable products.
- The visitor isn’t allowed to see it. Who can see the RFQ button? can limit the button to logged-in customers — see Require login to quote.
- You edited an unpublished theme. Preview that theme, or enable the app embed on your live one.
More detail in Troubleshooting.
Next steps
Section titled “Next steps”- Change button text and colors — change the wording and the look
- Set the after-click behavior — choose what happens when it’s clicked
- Quote button on collection pages — add the button to collection pages too