Set up your Request A Quote button on your store

📚 Table of Contents

1. Logic Settings

  1.1 Display Button in What Position? (Button Position)

  1.2 Display Button for What Products? (Product Conditions)

  1.3 Click the Button to (Button Actions)

2. Appearance Settings

This documentation provides a comprehensive guide to configuring the Quote Button, located under:

• Navigation: Quote Settings -> Quote Button.

Logic settings

1. Display button in what position? (Button Position)

Define where the Quote Button will appear within your store.

Step 1: 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.

Note:

Step 2: 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" , ...).

There are 2 cases which are:

If you choose the options to display the quote button on Product Page or Catalog/Collection page, you can select these positions including:

• Under button "Add To Cart"
• Under Product Title
• Under Product Price
• Under Product Description
• Position of your choice

If you choose the options to display the quote button on Cart page, you can select 2 positions including:

• Under Checkout button
• Above Checkout button

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 (Product Title, Product Type, Product Vendor, Product Price, Product Tag, Inventory Quantity, Created/Published Time). Example: If the condition is Product Price greater than 0, the button will display on all products priced above 0.

3. Click the button to (Button Actions)

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

Options (Radio Buttons):

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.

Appearance Settings

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

Customization Options:

• Text Format: Define the text displayed on the button, adjust font size, style, weight, and color.
• Button: Adjust corner radius, border, and button 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).

Congrats!

You've finished setting up the quote button. You can explore yourself for more customization of your own store.

Updated on: 28/07/2025