> For the complete documentation index, see [llms.txt](https://docs.quotesnap.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quotesnap.net/main-features/quote-cart-widget.md).

# Quote Cart Widget

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.**

This setting applies to:

* **Default Store**: For Direct-to-Consumer (DTC) stores.
* **B2B Store**: For Business-to-Business (B2B) stores.

<figure><img src="/files/9Tp5l6yk846pcnzme3iP" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="/files/EDOIeQhbrS69svrZvFyZ" alt=""><figcaption></figcaption></figure>

### 2. **Display Rules**

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

**Options:**

1. **Button Position**: Select the widget's placement.
   * **On the right**: Display the widget on the right side of the page.
   * **On the left**: Display the widget on the left side of the page.
   * **Next to Cart Icon**: Display the widget next to the standard cart icon.
2. **Margin Position**: Adjust the widget’s margins to control its spacing from other elements.
3. **Do Not Show Button for Empty List**: A checkbox option to hide the widget if the quote cart is empty.

<figure><img src="/files/vnszeLeBR2qI4THcV0Lj" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="/files/xsBTlRVmclX2G6l1Cxm0" alt=""><figcaption></figcaption></figure>

By configuring these settings, you can create a user-friendly Quote Cart Widget that aligns with your store's design and functionality needs.  For additional support, contact our support team.