How to Customize Storefront Experience (Buyer side)
Enable and place the floating Quote Widget
- Go to Settings > Quote Widget.
- Choose Widget Style:
- Circle + Icon (upload icon, set size) or
- Rectangle + Text (enter short text, set size)
- Set Orientation (for Rectangle + Text only):
- Horizontal (default), or
- Vertical (for a more compact layout)
- Set Desktop Position and Mobile Position using the 3x3 grids.
- Choose Display:
- Show on all pages, or
- Specific pages (Home, Product, Collection, Cart, etc.)
- Pick Background and Text/Icon colors.
- Select an Animation (None, Pulse, Bounce, Fade).
- Review in the live preview.
- Click Save.
💡 Note:
The Quote Widget displays the number of eligible items in the Quote Cart:
- As a badge at the bottom-right of the icon, or
- As a number (e.g. “Get Quote (1)”) on the button
Buyer entry points
The widget appears when:
- The buyer is logged in and has past quote activity, or
- A visitor (logged in or not) who adds eligible products to their cart will see the quote widget.
“Quote Cart” modal
When buyers click the widget:
- They see Quote Cart by default.
- If the cart has eligible items:
- Each row shows product, variant, price, quantity, and Quote Price.
- Buyers can check which items to include and adjust the Quote Price proposal.
- Click Send Request Quote to submit. If not logged in, they’ll be asked to enter an email and log in.
- If no eligible items, a help message explains how to add products.
“Manage Quotes” modal
Buyers can switch to Manage Quotes to see:
- Quote ID, Created time, Status, Expired time, Quote value, and Actions.
- Actions vary by status:
- Sent / Under Negotiation / Accepted → View detail
- Declined / Expired → View detail, Request again
- Accepted → View draft order
- Unread message counts display as a red badge.
