> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Quote button

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_os65gt.png)

## 一、逻辑设置
### 1. 按钮展示位置
定义按钮在店铺前台的显示位置
**配置方式：**
* ☑️ **商品详情页**：单个商品页面显示
* ☑️ **商品列表页**：分类/集合页面显示
* ☑️ **购物车页面**：结算车页面显示
**交互规则：**
* 可同时选择商品页和列表页
* 选择购物车页时将自动禁用前两项
**精确定位**：
通过下拉菜单选择具体位置（"加入购物车按钮下方"、"商品标题下方"、"价格下方"、"描述下方"或"自定义位置"等）
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_16vb6e5.png)

### 2. 适用商品范围
控制按钮显示的商品条件
**选项（单选）：**
1. **全部商品**：全店商品显示按钮
2. **指定商品**：仅选定的商品显示
3. **指定分类**：特定商品分类显示
4. **自定义条件**：例如设置"价格>0"时，所有正价商品显示按钮
### 3. 可见客户群体
指定可看到按钮的客户类型
**选项（单选）：**
1. **所有访客**：包括未登录用户
2. **已登录客户**：需登录才可见
3. **未登录访客**：仅游客可见
4. **特定标签客户**：按客户标签筛选
![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_17zhl4w.png)

### 4. 点击触发动作
定义按钮点击后的交互行为
**可选操作：**
1. **弹出询价窗口**：调取[表单设置](https://docs.quotesnap.net/quote-new-version-documents/main-features/quote-form-builder)的弹窗
2. **跳转询价专页**：导向独立询价页面
3. **显示即时提示**：出现Toast短时通知
4. **快速获取报价**：点击后直接生成报价单
![https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1mtt68i.png](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1qmnn3k.png)
## 二、视觉样式设置
根据店铺品牌风格自定义按钮外观
**可配置项：**
* **按钮文案**：自定义显示文字
* **文字样式**：字体/大小/颜色/粗细
* **阴影效果**：3D立体感调节
* **悬停动效**：鼠标悬停时的变色/放大等效果
![https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1kkx4jx.png](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_us7qg3.png)
**配置建议**：
1. B2B店铺建议选择"仅登录客户可见"
2. 高单价商品可单独设置按钮触发深度询价
3. 使用品牌主色系提升按钮识别度
遇到任何问题，欢迎随时联系[在线客服](https://go.crisp.chat/chat/embed/?website_id=a4bdf13a-e64f-4660-9d3a-b282560b6427)或致邮[contact@omegatheme.com](https://mailto:contact@omgeatheme.com/)