Three widgets appear on your store: the Request a Quote button on product pages, the floating Quote badge, and the popup where customers add products and fill in the form. All three are styled in the Shopify theme editor.
Open the settings
Go to Quote Requests > Settings > Widgets.
Click Customize widgets, then Customize widgets again in the dialog. Your theme editor opens on the Quote Requests app embed.
Change the settings on the right, then click Save.
Branding
Applies to all three widgets.
Brand color | The button, badge and popup accents. |
Contrast color | Text on top of the brand color. |
Font family | The font used in the button, badge and popup. |
Corners radius | None, Small, Medium, Large or Fully rounded. |
Quote request button
The button on product pages.
Widget Mode | Default shows the button on product pages and the floating badge. Custom uses a button of your own instead. See below. |
Button Text | Default is Request a Quote. |
Button style | Fill, Outline or Text. |
Font size and Padding | Sliders for the size of the button. |
Floating badge
The badge that stays on screen and opens the popup. It shows how many items are in the quote.
Badge text | Default is Quote. |
Badge position | Top, center or bottom, left or right. |
Badge style | Fill or Outline. |
Font size and Padding | Sliders for the size of the badge. |
Overlay opacity | How much the page darkens behind the popup. |
Use your own button
Custom mode attaches the quote popup to a button you already have, for example a Request a quote button in your cart. The product page button and floating badge are not shown in this mode.
Set Widget Mode to Custom.
Enter the Custom selector: the CSS class or id of your button, for example
.my-quote-btn. Your theme developer can tell you this.Click Save.
When a customer clicks your button, the popup opens with their cart already added. Only items that match Product selection are included. If nothing in the cart can be quoted, your button is hidden.
Custom scripts
Under Custom scripts on the Widgets tab you can add JavaScript that runs with the popup. For developers.