在网站运营中，清晰地展示联系方式对于提升用户体验和促进业务沟通至关重要。无论是客户咨询、寻求支持，还是商务合作，访问者都希望能够迅速找到并联系到您。AnQiCMS提供了一套便捷高效的机制，让您在后台统一管理这些联系信息，并在网站模板中动态显示，无需频繁修改代码，大大提高了网站维护的效率。
AnQiCMS中的联系方式管理
在AnQiCMS后台，联系方式的设置集中在“后台设置”菜单下的“联系方式设置”页面。这里默认提供了一系列常用字段，包括联系人、联系电话、联系地址、联系邮箱、微信号、微信二维码，甚至还有QQ、WhatsApp、Facebook等国际社交媒体账号。
除了这些预设字段，AnQiCMS的强大之处在于允许您根据实际业务需求，添加“自定义设置参数”。这意味着，如果您有特殊的联系方式，比如某个特定平台的客服ID，或者希望以不同的名称展示某个联系渠道，您都可以灵活地进行扩展。这些在后台配置好的信息，就能成为您网站模板中可引用的数据源。
模板中获取联系方式的核心：{% contact %}标签
要在您的网站模板中动态显示这些联系方式，AnQiCMS提供了专门的{% contact %}标签。这个标签通过name参数来指定您想要获取的具体联系信息。
获取电话号码： 如果要在页面上显示您的联系电话，您可以使用
name="Cellphone"。例如，您可以这样直接输出电话号码：<div>联系电话：{% contact with name="Cellphone" %}</div>为了让用户可以直接点击拨号，您可以将这个值嵌入到<a>标签的href属性中：<p>咨询热线：<a href="tel:{% contact with name="Cellphone" %}">{% contact with name="Cellphone" %}</a></p>显示邮箱地址： 获取邮箱地址的方式与电话类似，使用
name="Email"即可。<div>联系邮箱：{% contact with name="Email" %}</div>同样，为了方便用户点击发送邮件，可以结合mailto:协议使用：{% contact userEmail with name="Email" %}<p>发送邮件至：<a href="mailto:{{ userEmail }}">{{ userEmail }}</a></p>这里我们先将邮箱地址赋值给userEmail变量，再在链接中使用，使代码更清晰。展示微信信息： AnQiCMS支持显示微信号文本和微信二维码。 要显示您的微信号文字，可以使用
name="Wechat"：<div>微信号：{% contact with name="Wechat" %}</div>如果您需要在页面上展示微信二维码图片，可以使用name="Qrcode"。通常，这个值会作为<img>标签的src属性来使用：<img src="{% contact with name="Qrcode" %}" alt="微信二维码" style="width: 120px; height: 120px;" />这样，您后台上传的二维码图片就能被正确加载并显示了。
处理自定义联系方式
AnQiCMS的灵活性允许您根据实际需要添加自定义联系方式。假设您在后台的“联系方式设置”中，添加了一个新的自定义参数，其“参数名”设置为WhatsApp，并在“参数值”中填写了您的WhatsApp账号或链接。那么在模板中，您就可以直接使用这个自定义的参数名来获取对应的值：
<div>WhatsApp：{% contact with name="WhatsApp" %}</div>
这使得您可以轻松地将任何后台定义的、符合业务需求的联系信息展示在网站上，无论是社交媒体主页链接、在线客服链接，还是其他个性化联系方式。
实战场景与技巧
这些联系方式通常会放置在网站的页脚、顶部导航栏、侧边栏或者独立的“联系我们”页面。在构建这些区域时，可以结合HTML标签和CSS样式，使信息既美观又实用。例如，一个典型的网站页脚可能包含版权信息和主要的联系方式：
<footer>
<div class="container">
<p>版权所有 © {% now "2006" %} 您的公司名称.</p>
<p>地址：{% contact with name="Address" %}</p>
<p>电话：<a href="tel:{% contact with name="Cellphone" %}">{% contact with name="Cellphone" %}</a></p>
<p>邮箱：<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></p>
{% contact wechatAccount with name="Wechat" %}
{% if wechatAccount %}
<p>微信：{{ wechatAccount }}</p>
{% endif %}
</div>
</footer>
如果您的网站支持多语言，或者有多个站点实例，并且需要调用特定站点的联系信息，可以在{% contact %}标签中添加siteId参数来指定站点的ID。但在大多数单站点场景下，AnQiCMS会自动识别当前站点的设置，无需额外指定。
一些小提醒
在进行模板开发和内容管理时，有几点需要注意。首先，请确保您在AnQiCMS后台的“联系方式设置”中，已经准确无误地填写了所有需要展示的联系信息。如果后台数据为空，那么模板调用时自然不会显示任何内容。其次，Go语言模板语法对大小写是敏感的，请务必确保name参数中的字段名称与AnQiCMS文档或后台定义的字段名称保持一致（例如Cellphone而不是cellphone）。
通过掌握{% contact %}标签的使用，您可以轻松地在AnQiCMS网站中管理和展示您的联系信息，为用户提供便捷的沟通渠道，从而提升网站的专业性和用户友好度。
常见问题（FAQ）
问：我在模板中使用了
{% contact %}标签，但是页面上没有显示任何联系信息，这是怎么回事？ 答：请首先检查AnQiCMS后台“后台设置”->“联系方式设置”页面，确认您是否已经填写了相应的联系信息。如果后台信息为空，模板将无法获取到任何内容。其次，请检查模板中name参数的拼写是否正确，例如应使用name="Cellphone"而不是name="cellphone"，因为AnQiCMS的模板标签对大小写敏感。问：我可以在一个页面上同时显示多种不同类型的联系方式吗？比如电话、邮箱和微信二维码？ 答：当然可以。
{% contact %}标签可以多次使用，每次指定不同的name参数即可获取相应的联系信息。您可以根据页面布局需要，在任何位置单独调用这些标签，将它们组合起来展示。问：如果我添加了自定义的联系方式，但在模板中不知道它的
name参数应该怎么写？ 答：当您在后台“联系方式设置”中添加自定义参数时，您会为它指定一个“参数名”（例如“SalesEmail”或“LineAccount”）。在模板中，您直接使用这个“参数名”作为name参数的值即可。AnQiCMS通常会处理为驼峰命名，所以即使您后台输入的是“sales email”，模板中也应尝试使用name="SalesEmail"来调用。