You can change the text and the colours of all buttons that customers see: Add to Quote, Accept, Reject, and in Pro, Request a Quote and Ask New Quote.
Plugin Free and Pro
Where PSM Plugins → Request a Quote → Appearance → Buttons
Settings of every button
Setting
What it does
Button Text
The words on the button.
Style
Button (a box) or Text Link (a plain link).
Background Color / Background Hover Color
The fill colour, and the fill colour when the mouse is over the button.
Border Color / Border Hover Color
The border colour, and the border colour on hover.
Text Color / Text Hover Color
The text colour, and the text colour on hover.
Use hex colours such as #28A745. Leave the background empty for a transparent button.
Add to Quote button
Besides the common settings, it has three messages:
- Added to Quote List: shown after a product is added.
- Already in Quote List: shown if the product is already in the list.
- Browse Quote List: the link text that opens the quote list.
Accept and Reject buttons
The Accept and Reject buttons are shown on the quote page and in the quote email. Reject has more settings for its confirmation page:
Setting
What it does
Confirmation Heading / Message
The title and the text on the page where the customer confirms the rejection.
Reason
Disabled, Enabled, Optional or Enabled, Required. It controls if the customer can or must give a reason.
Reason Label / Placeholder
The label and the grey help text of the reason box.
Reason Required Error Message
The error shown when a required reason is empty.
Confirm Button Text / Cancel Button Text
The text of the two buttons. Cancel returns to the quote.
Post submission action
What happens after the rejection is confirmed: show a message, go to a thank you page, or go to the quote page.
Pro buttons
- Request a Quote: the button on the cart and checkout pages. See Request a Quote on cart and checkout.
- Ask New Quote: the button on expired and rejected quotes. You can also turn it off. See Ask for a new quote.
Style with CSS (advanced)
If you want more control, you can add CSS in Appearance → Customize → Additional CSS. These are the main classes:
CSS class
Element
.psmraq-add-to-quote-wrapper
The box around the Add to Quote button and its message.
.psmraq_add_to_quote_button
The Add to Quote button (Button style).
.psmraq_add_to_quote_link
The Add to Quote link (Text Link style).
.psmraq-already-in-list
The message shown after a product is added.
.psmraq_request_quote_button
The Request a Quote button on the cart and checkout (Pro).
.psmraq-ask-new-quote-button
The Ask New Quote button (Pro).
CSS
.psmraq_add_to_quote_button {
border-radius: 8px;
font-weight: 600;
}
Colour settings use !important
The colours you set in Appearance are applied with high priority. To change a colour with your own CSS, use the settings in this tab instead, or add !important to your rule.