跳到主要内容

网站联系方式设置:一键拨打与发邮件

💡 本篇你将完成:把网站上的电话和邮箱设置成可点击链接。客户用手机访问网站时,点号码能直接拨号,点邮箱能直接发邮件。预计 3 分钟。

这个设置适合放在页脚、联系我们页面、首页联系模块等位置。只要页面上展示了电话或邮箱,都建议顺手设置一下。

如果你还需要右下角 WhatsApp 咨询入口,看 WhatsApp 悬浮按钮

先找到操作入口

操作路径: AllinCMS 工作台站点列表 → 目标站点 → 进入后台 → 主题 → 当前主题页面 → Home 或目标页面

1进入目标站点后台找到要编辑的网站,点击“进入后台”
AllinCMS 工作台站点列表 - 站点卡片中的进入后台按钮被红框标出
2进入“主题”,点击“页面”在当前启用的主题卡片中点击“页面”
AllinCMS 网站后台主题列表 - 左侧主题入口和启用主题卡片中的页面按钮被红框标出
3找到 Home 或目标页面在当前主题的页面列表中找到 Home 或要修改的页面
AllinCMS 网站后台主题页面列表 - 左侧主题菜单和 Home、产品、文章等目标页面可见

流程总览

1选中邮箱或电话文字
2右侧找到链接设置
3邮箱填 mailto
4电话填 tel
5手机打开测试

一、选中联系方式文字

进入页面编辑器,找到页面里的“邮箱 / 电话”文字。点一下这块文字或所在的联系方式组件,右侧会自动出现设置面板。

AllinCMS 网站后台文本链接设置 - 页面编辑器中选中邮箱和电话文字后,右侧属性面板用红框标出 mailto 邮箱链接和 tel 电话链接输入位置

请直接对照截图里的红色箭头和红框操作。重点看右侧 Target 输入框。

二、设置一键发邮件

在邮箱这一项的链接输入框里,填写 mailto: 加邮箱地址。

示例:

mailto:xuee1225@qq.com

换成你自己的邮箱即可。比如你的邮箱是 sales@example.com,就填写:

mailto:sales@example.com

三、设置一键打电话

在电话这一项的链接输入框里,填写 tel: 加电话号码。

示例:

tel:861234567890

这里的号码要换成你自己的电话。建议只保留数字和必要的国家区号,方便手机识别。

四、注意事项

写法别加空格

mailto:tel: 后面的冒号必须是英文冒号,冒号前后不要加空格。

常见错误和正确写法:

场景错误写法正确写法
邮箱mail to:xuee1225@qq.commailto:xuee1225@qq.com
邮箱mailto: xuee1225@qq.commailto:xuee1225@qq.com
电话tel: 861234567890tel:861234567890
电话tel:861234567890tel:861234567890

注意第四行:tel: 里的冒号是中文冒号,手机可能无法识别。一定要用英文冒号 :

五、手机测试

设置完成后,不要只在电脑上看效果。建议用手机打开网站,分别点一下邮箱和电话号码:

  • 点邮箱后,能打开邮件应用,就是成功。
  • 点电话后,能跳出手机拨号盘,就是成功。
  • 如果没有反应,优先检查 mailto: / tel: 是否拼错、是否有空格、冒号是否写成中文冒号。

接下来

📌 WhatsApp 悬浮按钮 —— 给网站右下角添加 WhatsApp 咨询入口。

📌 导航顺序 —— 联系方式设置好后,把重要入口排到用户更容易看到的位置。