1️⃣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.

A. Logic Settings

1. Display button on 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 your choice" , ...).

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.

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.

4. Click 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.

2. Direct to Request For Quote Page: Redirects customers to a new page with the form configured in Form Settings.

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.

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

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.