> 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="https://3410637898-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuetVwmH2Z9tlAzaYpPSn%2Fuploads%2FLJxzjRdyIvpQXUCcPDUJ%2FScreenshot%202024-11-25%20at%2014.14.54.png?alt=media&amp;token=f5c96436-2dbc-4bbd-bcdb-88ffd7172a9c" 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="https://3410637898-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuetVwmH2Z9tlAzaYpPSn%2Fuploads%2FVDHExIAprT9eVTKmo26S%2FScreenshot%202024-11-25%20at%2014.17.56.png?alt=media&amp;token=603cde74-c6b4-48c7-bd16-c7ccdc3c7b49" 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="https://3410637898-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuetVwmH2Z9tlAzaYpPSn%2Fuploads%2FKB4W3Ty4bVumKYlTlt84%2FScreenshot%202024-11-25%20at%2014.19.14.png?alt=media&amp;token=f6351632-1a7e-4b49-8a42-0f3caba9c36e" 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="https://3410637898-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuetVwmH2Z9tlAzaYpPSn%2Fuploads%2FweOVLpBrY8rUsG5hS73g%2FScreenshot%202024-11-25%20at%2014.20.09.png?alt=media&amp;token=73dc905b-465b-4a6b-807f-3dd8c90a4131" 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.