---
title: 网站上的“联系我们”按钮
description: 一个带有WhatsApp、Telegram、电话和链接子按钮的悬浮式联系按钮。如何设置以及何时显示。
section: design
keywords: 联系按钮、联系方式、WhatsApp、Telegram、电话、悬浮按钮
updated: 2026-09-16
---

“联系方式”按钮是一个位于网站底部（购物车上方）的圆形悬浮按钮。点击后，会显示 WhatsApp、Telegram、电话和您的链接等子按钮。它在任何网站模式下均可使用。

![“设置”中的“联系人”模块](/wiki/img/settings-contacts.webp "按钮图标、标签、直接链接和子按钮")

## 如何设置

设置 → 联系人。

1. **按钮图标**- 电话、聊天、短信等。
2. **按钮标签**- 当鼠标悬停在按钮上时显示的提示，例如“联系我们”。
3. **直接链接**- 如果没有子按钮，则该按钮会立即打开此链接（手机、WhatsApp、Telegram、网站）。
4. **子按钮**- 点击“添加链接”：名称和链接。WhatsApp、Viber 和 Telegram 会自动添加品牌图标。
5. 点击保存。

如果未填写任何内容，则该按钮不会显示在网站上。

## 链接格式

- 电话： `tel:+380671234567`或直接输入号码。
- WhatsApp： `https://wa.me/380671234567`
- Telegram： `https://t.me/username`或`@username` 。
- 任何网站或表格： `https://…` 。

## 单键模式

只需填写“直接链接”字段，不要添加任何子按钮——按钮将变为单个按钮，并直接打开链接。

## 问答

### 按钮盖住了篮子

按钮特意设置在购物篮上方。在手机上，两个按钮都清晰可见，互不干扰。

### 是否可以添加反馈表单？

是的，可以作为带有表单链接的子按钮。或者使用网站页面上的“联系我们”模块。请参阅[“首页和菜单”](/wiki/zh/home-and-menu) 。