> 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-button.md).

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