文档导航

按钮组

“按钮(Button)”是外贸网站中最重要的行动呼吁(Call To Action, CTA)元素。无论是引导客户发送询盘、联系 WhatsApp,还是下载产品目录,都离不开按钮。

在 SX-Creval 系统中,你可以像搭积木一样,在一个【按钮组】中最多添加 4 个按钮(例如:一个“发送询盘”主按钮 + 一个“了解更多”次按钮),并自由配置它们的类型、颜色和动作。

1. 按钮组的全局外观设置

当你在页面中添加了一个【按钮组】区块后,首先可以对整个按钮组进行全局的外观排版设置:

  • 对齐方式:支持 左对齐、居中对齐(默认)和 右对齐。你可以根据上下文的内容版式灵活调整。

  • 按钮尺寸:提供多种预设尺寸。默认推荐使用中等常规尺寸,若用在网页头部Banner中,可选择更大的尺寸以吸引眼球。

  • 按钮圆角:支持设置按钮边缘的弧度(如直角、微圆角、全圆角等),默认采用 微圆角(rounded-md),更符合现代商务审美。

  • 品牌色选择
    • 品牌主色 (Primary):通常用于最重要的操作(如:发送询盘),视觉最醒目。
    • 品牌辅色 (Secondary):通常用于次要操作(如:查看详情),起到视觉层级区分的作用。

2. 单个按钮的基础配置

无论你选择哪种类型的按钮,它们都拥有以下通用的基础设置:

  • 按钮文字:按钮上显示的文本,默认为 Request A Quote(获取报价)。你可以修改为 "Contact Us", "Download Catalog" 等。

  • 按钮样式:支持选择不同的设计风格(例如:渐变色样式等)。

  • 图标设置
    • 显示图标:你可以自由开关是否要在按钮上显示小图标(默认开启)。
    • 选择图标:系统内置了丰富的外贸常用图标库(如箭头、邮箱、电话等)供你选择。
    • 图标位置:图标可放置在文字的 左侧 或 右侧。

3. 八大按钮类型(核心功能)

SX-Creval 系统为你准备了 8 种 强大的业务按钮类型。点击“添加按钮”后,你可以从以下列表中选择所需的功能:

页面跳转类

1、跳转内部页面 (Internal Page)

2、跳转外部链接 (External URL)

资料与转化类

1、下载资料/文档 (Document)

2、弹出询盘模态框 (Inquiry Modal) 🌟 外贸核心推荐

即时通讯类

1、WhatsApp 链接 (WhatsApp) 🌟 极速沟通

2、拨打电话 (Phone)

3、发送邮件 (Email)

4、弹出微信二维码 (WeChat)

💡 SX-Creval 运营小贴士

  • 主次分明:当一个按钮组中有 2 个按钮时,强烈建议将其中一个设为 品牌主色,另一个设为 品牌辅色 或透明边框样式。这样能给访客清晰的视觉引导,避免选择困难。
  • 用好询盘与 WhatsApp:在外贸业务中,【弹出询盘模态框】和【WhatsApp链接】转化效率最高。建议在产品详情页的首屏 Banner 区域,务必放置这两个按钮之一。
  • 顶部导航栏 (TopBar) 按钮:除了页面正文中的按钮组,系统还在“顶部导航栏”为你预留了一个专属按钮(通常固定显示在网页右上角)。它的配置与基础按钮类似,是网站全局常驻的黄金转化位,建议设置为“Contact Us”。