Change button text and colors

The wording and the appearance of the quote button are both on the Button & widget tab, a few sections apart. This page covers both.

Change the wording

1. Open the button settings

   In the app, go to Quote settings and click Customize, then open the Button & widget tab.

2. Edit Button text

   Button text is the first field in the Quote Button Settings section. The default is Add to Quote, and the help text reads: “This text appears on product pages and collection pages. Recommended default: Request a Quote.”

   

3. Save and reload your storefront

   Save your changes, then reload a product page to see the new wording.

   

   The wording from Button text, on a live product page.

Note

Wording matters more than it looks. “Request a Quote” reads as a commitment; something lighter like “Check price” often gets more clicks on high-value products. Keep it short — the same text has to fit on a product card in a collection grid.

Change the look

Scroll down the same tab to Style.

Setting	What it changes
Button type	Filled, Outline or Text link. Filled draws the most attention; Text link is the quietest.
Size	Medium, Large or Full width. Full width usually reads best directly under a buy button.
Text color	The colour of the wording on the button.
Background color	The button's fill colour.
Font size	The text size, in px.

Caution

Check the result on a phone as well as a desktop. The Preview panel has a desktop and mobile toggle — a font size that looks right on a wide screen is often too large on a product card on mobile.

Matching your theme

A common pairing is Outline with your theme’s own accent colour as the Text color: the quote button stays clearly secondary to your filled Add to Cart button, but still belongs to the same design.

If the quote button sits beside your buy buttons, match its Size to theirs so the row doesn’t look uneven.

Other languages

Button text sets the wording for your default language. To translate it along with the rest of what customers see, use Translations AI in Advanced settings — “Translate everything your customers see — quote form, storefront text and both quote emails.”

See Translate storefront text.

Next steps

• Set the after-click behavior — what happens when customers click
• Quote button on product pages — where the button sits
• Match your theme style — style the quote form to match