# Quote Button

This documentation provides a comprehensive guide to configuring the **Quote Button**, located under:\
**Navigation: Quote Settings -> Quote Button.**

The settings are categorized into two main sections: **Logic** and **Button Appearance**. These options are tailored for two types of stores:

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

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

### A. **Logic Settings**

#### 1. Display button in what position? (**Button Placement)**

Define where the Quote Button will appear within your store.

**Configuration Options:**

**Check Boxes**:

* **Product Page**: Display the button on individual product pages.
* **Catalog/Collection Page**: Display the button on collection or catalog pages.
* **Cart Page**: Display the button on the cart page.

**Rules:**

* You can select **Product Page** and **Catalog/Collection Page** at the same time.
* If **Cart Page** is selected, both **Product Page** and **Catalog/Collection Page** will be disabled.

**Dropdown: Select Position**

Choose the exact position where the button will appear on the selected pages ("Under Add to Cart", "Under product title", "Under product price", "Under product description", "Position of your choice" , ...).

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

#### 2. Display button for what products? **(Product Condition)**

Control which products display the Quote Button.

**Options (Radio Buttons):**

1. **All Products**: Show the button on all products in the store.
2. **Selected Products**: Show the button only on specific products you define.
3. **Selected Collections**: Show the button for products in selected collections.
4. **Custom Conditions**: Show the button for products meeting specific criteria.
   * **Example**: If the condition is *Product Price greater than 0*, the button will display on all products priced above 0.

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

#### 3. **Who will see this Button? (Customer Condition)**

Specify which customers can see the Quote Button.

**Options (Radio Buttons):**

1. **All Customers**: The button is visible to everyone, including guest users and logged-in customers.
2. **Logged-in Customers**: The button is visible only to customers who are logged in.
3. **Guest Customers**: The button is visible only to guest users.
4. **Customers with Tags**: The button is visible only to customers with specific tags.

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

#### 4. Click the button to (**Button Actions)**

Define the action triggered when a customer clicks the Quote Button.

**Options:**

1. **Display Inquiry Popup**: Opens a popup form configured in [**Form Settings**](https://docs.quotesnap.net/quote-new-version-documents/main-features/quote-form-builder).
2. **Direct to Request For Quote Page**: Redirects customers to a new page with the form configured in [**Form Settings**](https://docs.quotesnap.net/quote-new-version-documents/main-features/quote-form-builder).
3. **Display a Toast Notification**: Shows a short notification immediately after the button is clicked.
4. **Get Instant Quote**: Executes actions such as exporting the quote or sending a proposal email after clicking the button.

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

### B. **Appearance Settings**

Customize the look and feel of the Quote Button to align with your store’s branding.

**Customization Options:**

* **Label**: Define the text displayed on the button.
* **Text Format**: Adjust font size, style, weight, and color.
* **Shadow**: Add or modify shadows to create a 3D effect.
* **Hover Effects**: Configure how the button changes when hovered over (e.g., color change, size adjustment).

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

By carefully configuring these settings, you can ensure the Quote Button enhances your store’s functionality and user experience, whether for DTC or B2B purposes. For additional support, contact our support team.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.quotesnap.net/main-features/quote-button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.