网站联系方式设置:一键拨打与发邮件
💡 本篇你将完成:把网站上的电话和邮箱设置成可点击链接。客户用手机访问网站时,点号码能直接拨号,点邮箱能直接发邮件。预计 3 分钟。
这个设置适合放在页脚、联系我们页面、首页联系模块等位置。只要页面上展示了电话或邮箱,都建议顺手设置一下。
如果你还需要右下角 WhatsApp 咨询入口,看 WhatsApp 悬浮按钮。
先找到操作入口
操作路径: AllinCMS 工作台站点列表 → 目标站点 → 进入后台 → 主题 → 当前主题页面 → Home 或目标页面



流程总览
1选中邮箱或电话文字
2右侧找到链接设置
3邮箱填 mailto
4电话填 tel
5手机打开测试
一、选中联系方式文字
进入页面编辑器,找到页面里的“邮箱 / 电话”文字。点一下这块文字或所在的联系方式组件,右侧会自动出现设置面板。

请直接对照截图里的红色箭头和红框操作。重点看右侧 Target 输入框。
二、设置一键发邮件
在邮箱这一项的链接输入框里,填写 mailto: 加邮箱地址。
示例:
mailto:xuee1225@qq.com
换成你自己的邮箱即可。比如你的邮箱是 sales@example.com,就填写:
mailto:sales@example.com
三、设置一键打电话
在电话这一项的链接输入框里,填写 tel: 加电话号码。
示例:
tel:861234567890
这里的号码要换成你自己的电话。建议只保留数字和必要的国家区号,方便手机识别。
四、注意事项
写法别加空格
mailto: 和 tel: 后面的冒号必须是英文冒号,冒号前后不要加空格。
常见错误和正确写法:
| 场景 | 错误写法 | 正确写法 |
|---|---|---|
| 邮箱 | mail to:xuee1225@qq.com | mailto:xuee1225@qq.com |
| 邮箱 | mailto: xuee1225@qq.com | mailto:xuee1225@qq.com |
| 电话 | tel: 861234567890 | tel:861234567890 |
| 电话 | tel:861234567890 | tel:861234567890 |
注意第四行:tel: 里的冒号是中文冒号,手机可能无法识别。一定要用英文冒号 :。
五、手机测试
设置完成后,不要只在电脑上看效果。建议用手机打开网站,分别点一下邮箱和电话号码:
- 点邮箱后,能打开邮件应用,就是成功。
- 点电话后,能跳出手机拨号盘,就是成功。
- 如果没有反应,优先检查
mailto:/tel:是否拼错、是否有空格、冒号是否写成中文冒号。
接下来
📌 WhatsApp 悬浮按钮 —— 给网站右下角添加 WhatsApp 咨询入口。
📌 导航顺序 —— 联系方式设置好后,把重要入口排到用户更容易看到的位置。