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

# CTA 按钮文件

### ⭐️ CTA按钮应用设置指南

安装**CTA Buttons**应用后，您将自动跳转至**按钮组**标签页：

**应用状态管理**
* 通过**App Status**区域的**Enable**按钮控制应用启用/禁用状态
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1xazhzp.png)

**创建按钮组**
1. 在**Group Button**区域点击**New Group**新增按钮组
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1cej806.png)
2. 在弹出的编辑面板中填写组名和描述
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1lb314m.png)

**组管理功能**
* 支持随时编辑组信息、切换启用状态或删除组
* 点击**Edit**按钮打开编辑面板
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1sw6u6.png)

✏️ 提示：不需要的组可随时禁用，该组按钮将立即从店铺界面消失

### 1. 常规设置
建议先完成按钮设置再调整常规参数。设置后的按钮组会实时显示在管理后台，方便您同步预览效果。
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_6gg7zr.png)

**布局配置**
* **方向**：垂直/水平布局选择
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1gwb9hr.png)
* **位置**：左/右/底部定位
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_xyhkkj.png)
* **尺寸**：图标大小调节
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_11qwu4b.png)
* **偏移量**：通过滑块微调位置
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_583rkh.png)
* **样式**：三种预设形状可选
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1q4ndd0.png)

**显示控制**
* **设备适配**：单独设置桌面端/移动端显示
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_132vvrx.png)
* **时段设置**：支持永久显示或定时显示
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_ntto8e.png)

⚠️ 注意：Google Analytics和Facebook Pixel追踪功能已停用
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1vqn7ts.png)

### 2. 按钮设置
**排序调整**
直接拖拽按钮即可改变显示顺序
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_142fydy.png)

**按钮编辑**
1. 点击**Edit**进入编辑面板
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_7swwap.png)
2. 从12种按钮类型中选择并配置：
* 使用预设图标或上传**Custom Icon**
   ![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1qtbef0.png)
* 不同按钮类型需填写不同信息（如社交账号、电话号码等）
   ![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_w1eg17.png)
   ![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_vik4nd.png)

**样式定制**
* 支持图标/背景色自定义
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_xiukn9.png)
* 透明度调节滑块
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1wx8eot.png)
* 文字提示功能配置
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1ca201b.png)

⚠️ 注意：Whatsapp在线聊天功能已停止服务

完成所有设置后点击保存即可生效，不需要的按钮可永久删除。