1. Home
  2. Knowledge Base
  3. WooCommerce Wholesale Quotes
  4. How to Set Up the Add to Quote Button

How to Set Up the Add to Quote Button

The Add to Quote button is how your wholesale customers start building a quote — directly from product pages, the shop, or their cart. WooCommerce Wholesale Quotes gives you full control over where the button appears, what it looks like, and what happens when a customer clicks it. This guide walks you through every button setting so you can get the experience right for your store.

Before You Begin

Before configuring the button, make sure you have:

The button is not limited to wholesale customers by default. Restrict to wholesale customers starts Disabled, so logged-in retail customers can also see the button. To let retail customers submit quote requests, or to show the button to logged-out visitors, enable Enable guest quotes — see How to Allow Guest Users to Request Wholesale Quotes.

If you enable Restrict to wholesale customers, only logged-in users with a wholesale role can see quote buttons. This restriction also hides them from guests even when guest quotes are enabled.

How to Access the Button Settings

  1. In your WordPress admin, go to Wholesale → Settings.
  2. Click the Wholesale Quotes tab.
  3. Open General to control who can see quote buttons, whether the cart can be converted to a quote, and whether out-of-stock products can show a quote button.
  4. Open Quote Button Placement & Styles to configure labels, placement, and appearance.
Quote Button Placement & Styles settings sub-tab in WooCommerce Wholesale Quotes showing all four sections

Step 1 — Configure Button Availability

Go to Wholesale → Settings → Wholesale Quotes → General, then configure these controls for your store:

SettingWhat it controlsDefault
Enable cart to quoteShows the Request a Quote button on the cart and checkout pages so customers can turn the cart into a quote request.Enabled
Restrict to wholesale customersWhen enabled, only logged-in users with a wholesale role can see quote buttons on product, shop, cart, and checkout pages.Disabled
Show quote button for out-of-stock productsShows Add to Quote for out-of-stock products on single product pages. It does not add the button to out-of-stock products on shop or archive pages.Disabled
Wholesale Quotes General settings showing Enable cart to quote, Restrict to wholesale customers, and Show quote button for out-of-stock products

If you want logged-out visitors or registered customers without a wholesale role to request quotes, also enable Enable guest quotes. The wholesale-only restriction takes priority, so leave it Disabled when guests or retail customers should be able to request quotes.

Step 2 — Set Your Button Labels

The General Button Settings section controls the button text that appears across your entire store.

General Button Settings section with Quote button label and Remove from Quote button label fields
SettingDescriptionDefault
Quote button labelText shown on the button before a product is added to a quote.Add to Quote
Remove from Quote button labelText shown once a product is already in the current quote. Clicking it removes the product.Remove from Quote

These labels apply globally — product pages, shop pages, and WooCommerce block templates all use the same text.

Step 3 — Configure the Product Page Button

The Product Page Button Settings section controls how the button appears on individual product pages.

Product Page Button Settings section showing placement and style dropdowns

Placement

Choose where the button appears using the Product page button placement dropdown:

OptionWhere it appears
Above the Add to Cart ButtonDirectly above the quantity field and Add to Cart button
Below the Add to Cart Button (default)Directly below the Add to Cart button
Above the Product TitleAt the top of the product summary, before the title
Below the Product TitleImmediately below the product title
Product image — Top right/leftOverlaid on the product image, top corner
Product image — Bottom right/leftOverlaid on the product image, bottom corner

Style

Use the Product page button style dropdown to choose the button’s appearance. There are 7 options across three icon families:

StyleWhat it looks like
Text OnlyPlain text label, no icon
Icon OnlyOutline quote icon, no label
Icon and TextOutline quote icon + label
Icon and Text PillOutline quote icon + label in a pill shape
Solid IconFilled quote icon, no label
Solid Icon and Text (default)Filled quote icon + label
Solid Icon and Text PillFilled quote icon + label in a pill shape

Step 4 — Configure the Shop & Category Page Button

The Shop Page Button Settings section controls the button on your shop page and product category archives — any page that shows a product grid.

Shop Page Button Settings section showing placement and style dropdowns

Placement

OptionWhere it appears on each product card
Above the Product TitleAbove the product name
Below the Product TitleBelow the product name, above the price
Above the Add to Cart ButtonAbove the Add to Cart button
Below the Add to Cart Button (default)Below the Add to Cart button
Product image — Top right/leftOverlaid on the product thumbnail, top corner

Style

The same 7 style options are available here. Icon-only or pill styles tend to work well on compact product card grids where space is limited.

Add to Quote buttons on WooCommerce shop page product cards

Step 5 — Configure the Cart Page Button

The cart button works differently from the product and shop page buttons. Rather than adding a single item to a quote, clicking it converts the entire cart into a quote request in one step.

The cart button is enabled automatically when Enable cart to quote is on (found in the General sub-tab). To configure its label, placement, and style, use the Cart Page Button Settings section.

Cart Page Button Settings showing cart button label, placement, style, and clear cart options
SettingDescriptionDefault
Cart button labelText on the cart quote button.Request a Quote
Cart button placementWhere the button appears on the cart page: After cart table, Before cart totals, or After proceed to checkout button.After cart table
Cart button styleThe same 7 style options as the product page button.Solid Icon and Text
Clear cart after quote submissionIf Yes, the cart is emptied once the quote is submitted from the cart page.Yes
Request a Quote button on the WooCommerce cart page

What Happens After a Customer Clicks “Add to Quote”

When a customer clicks Add to Quote on a product page, you control what happens next using the Action after adding product to quote setting in the New Quote Page sub-tab:

  • Redirect to quote page (default) — the customer is taken to the quote page immediately to review their quote.
  • Show notice only (stay on page) — a toast notification appears briefly at the top-right corner, and the button label switches to “Remove from Quote”. The customer stays on the current page to keep browsing.

Once a product is in the active quote, the button label switches automatically to “Remove from Quote”. Clicking it asks the customer to confirm, then removes the item without leaving the page.

Variable Products and Variations

For variable products (products with size, colour, or other attribute options), the Add to Quote button works the same way as Add to Cart. The customer selects their desired variation first, then clicks the button to add that specific variation and quantity to their quote.

Add to Quote button below the Add to Cart button on a WooCommerce product page

Frequently Asked Questions

The Add to Quote button isn’t showing on my store. What should I check?

Check these settings and the type of visitor or product you are testing:

  • Restrict to wholesale customers: If this is Enabled, the button appears only for logged-in users with a wholesale role.
  • Wholesale role: Confirm the test account has a wholesale role when the restriction is enabled.
  • Enable guest quotes: Turn this on for logged-out visitors and registered customers without a wholesale role to request quotes.
  • Enable cart to quote: This must be Enabled for the Request a Quote button to appear on the cart and checkout pages.
  • Show quote button for out-of-stock products: Enable this when testing an out-of-stock item on its single product page. This setting does not apply to shop or archive pages.

Can I show a quote button on the checkout page too?

Yes — when Enable cart to quote is on, a quote button automatically appears on the checkout page (after the Place Order button). This lets customers switch to a quote request instead of placing a regular order.

Can I translate or change the button labels per language?

Yes — the Quote button label and Remove from Quote button label fields in General Button Settings accept any text you like. For multilingual stores, the labels are stored as plugin settings rather than translatable strings, so your translation plugin needs to be configured to translate WordPress options.

Need Help?

If you have a question or run into any issues, we’re here to help.

Was this article helpful?

Related Articles

Complete Your Purchase