Articles on: Quote Snap B2B

Quote Cart Widget B2B

The Quote Cart Widget feature enables store owners to customize and activate a quote cart widget, allowing customers to manage their quote requests conveniently. Configuration is available under:

Navigation: Quote Settings -> Quote Cart Widget.

📚 Table of Contents


  1. Activate Widget


  1. Display Rules


  1. Widget Appearance


1. Activate Widget


Enable or disable the Quote Cart Widget.


  • Activate Widget: A checkbox option to enable the quote cart widget. When unchecked, the widget will not appear on the store.


Activate Quote Cart Widget


2. Display Rules


Define the widget’s behavior and placement on the store pages.


Options:

  1. Button Position: Select the widget's placement (Next to Cart Icon, On the right, and On the left)
  • Next to Cart Icon: Display the widget next to the standard cart icon.


Select "Next to Cart icon" option


  • On the right: Display the widget on the right side of the page.


Select "On the right" option


  • On the left: Display the widget on the left side of the page.


Select "On the left" option


  1. Margin Position: Adjust the widget’s margins to control its spacing from other elements.
  2. Do Not Show Button for Empty List: A checkbox option to hide the widget if the quote cart is empty.


Select Margin position & Not show button for empty list


3. Widget Appearance


Customize the appearance of the Quote Cart Widget to match your store's branding.


Options:

  • Button Label: Set the text displayed on the widget.
  • Font Size: Adjust the font size for the widget text.
  • Text Format: Configure the text styling (e.g., bold, italic).
  • Alignment: Set the alignment of the button text (left, center, or right).
  • Corner Radius: Define the roundness of the widget’s edges.
  • Shadow: Add or adjust a shadow effect for the widget.
  • Hover Effect: Configure the button’s appearance when hovered over by a cursor.


Adjust Widget appearance


Congrats!


You've finished setting up the Quote Cart Widget. You can explore yourself for more customization of your own store.


📌 If you have any further concerns, please contact our CS team through live chat or email: [email protected]

Updated on: 24/07/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!