Add the Request a quote button to your store

Read time: 4 minutes. Last updated: June 20, 2026 Who it's for: Merchants placing the Request a quote button on their storefront - product pages, the cart, custom themes, and headless setups.

Add the Request a quote button to your Shopify store with a theme app block - no theme code to edit. QuotWay ships two storefront blocks you drop into your theme from the Shopify theme editor: one for product pages and one for the cart page. Once a block is placed and your targeting rules match a product, buyers see a Request a quote button alongside (or instead of) Add to cart.

What you'll achieve

By the end of this article, the Request a quote button appears on the product pages and cart of your live theme, for every product that matches your targeting rules.

Before you start

QuotWay is installed and its app embed is turned on. If you're not sure, see App embed and activation.
At least one active targeting rule exists, so the button knows which products to show on. See Targeting rules.
You're using an Online Store 2.0 theme (Dawn, Horizon, and most modern themes qualify). The blocks add via the theme editor and never touch theme code.

What the two blocks do

QuotWay's storefront blocks are theme app blocks. You place them in the Shopify theme editor - there's no Liquid to paste and no migration.

QuotWay Quote Button - goes on product pages, beside or instead of Add to cart.
QuotWay Cart Quote Button - goes on the cart page so buyers can request a quote for their whole cart.

Add the button to product pages

From your QuotWay admin, open Activation status → Open theme editor, or go to Shopify admin → Online Store → Themes → Customize.
In the top-left page picker, choose Default product.
Under the main product section, select Add block.
Find Apps → QuotWay Quote Button and add it.
Drag the block to where you want it. The editor lets you place it above, below, or beside Add to cart.
Select Save.

The button now appears on every product whose targeting rules match. Retail products with no matching rule keep their normal Add to cart behavior.

Add the button to the cart page

In the same theme editor, choose Cart from the page picker.
Under the cart section, select Add block, then add Apps → QuotWay Cart Quote Button.
Place it above the Checkout button so buyers see both - Request a quote alongside Checkout.
Select Save.

A buyer can now turn a full cart into a single quote request.

How the button matches your store

Label - the default is Request a quote, editable per language in Settings → Storefront text.
Style - the button uses your theme's button styling by default. To set a specific color, change it in the block's settings.
Width - full-width on mobile, inline on desktop.
Who sees it - the button shows only on products that match an active targeting rule. One product can be quote-eligible while the rest of your store checks out as normal. See Targeting rules.

Custom themes

If your product section doesn't show Add block, the theme is likely using a legacy Liquid section (pre-Online Store 2.0). App blocks only render into 2.0 (JSON) templates. To use QuotWay's blocks, switch to an Online Store 2.0 theme or update your product template to a JSON template.

If you have a custom-built theme with a JSON product template, place the block inside any section whose {% schema %} declares app-block support ("blocks": [{ "type": "@app" }]). The QuotWay block renders into any app-block-compatible section.

Headless storefronts

If you run a headless storefront (for example, Hydrogen), the theme app block won't render - theme app blocks only exist inside a Shopify theme.

A public, supported QuotWay storefront API for headless integrations is on the roadmap and not yet available. Until it ships, the supported way to offer quoting is to keep a Shopify Online Store 2.0 theme on the storefront surfaces where you want the button, even if the rest of your stack is headless.

Common gotchas

The button doesn't appear. Check these in order: (1) the app embed is on - the Activation status panel shows a green check; (2) the product matches an active targeting rule - see Targeting rules; (3) the block is placed in the theme editor and saved.
The button shows, but the drawer never opens. Check the browser console for a script-load error. If your theme restricts third-party scripts via a content security policy, allow QuotWay's storefront script path.
The button overlaps Add to cart on mobile. Reorder the blocks in the theme editor - drag the QuotWay block below Add to cart.
The label is in the wrong language. Edit the button label per language in Settings → Storefront text.

A note on hiding prices. QuotWay can hide prices on your storefront and show the Request a quote button instead, on Starter and up. This is a visual hide on your storefront - it controls what buyers see, not what search engines index. It does not remove prices from a page's source or structured data.

App embed and activation - turn on the embed and read the activation-status panel.
Targeting rules - choose which products and buyers see the quote button.
Configure the quote form - set up what buyers fill in after they request a quote.