网站的联系方式，就像是企业的一张名片，是访客了解和信任网站的重要渠道。无论是希望客户拨打电话咨询，还是方便他们通过邮件沟通，亦或是指引他们前往实体店面，清晰准确的联系信息都必不可少。在AnQiCMS中，显示这些信息是一件非常直观且灵活的事情，它允许我们不仅能统一管理，还能根据需求在网站的不同位置进行展示。
接下来，我们就一起看看如何在AnQiCMS模板中巧妙地展示电话、地址、邮箱等联系方式吧。
第一步：统一管理联系方式数据源
要让网站前端能够显示联系方式，首先需要在AnQiCMS的后台进行统一配置和管理。这就像是把所有联系信息录入到一个“联系人列表”中，方便随时调用。
您只需登录AnQiCMS后台，导航到“后台设置”，然后点击“联系方式设置”选项。在这里，您会看到一些默认的设置项，例如：
- 联系人：通常是您希望客户称呼的名字。
- 联系电话：网站的主要联系电话号码。
- 联系地址：公司的具体办公或经营地址。
- 联系邮箱：用于接收客户邮件的邮箱地址。
- 微信号和微信二维码：方便客户通过微信联系。
- QQ、WhatsApp、Facebook等社交媒体链接：满足不同客户的联系习惯，尤其适合有国际业务的网站。
AnQiCMS的强大之处在于它不仅仅局限于这些预设字段。如果您的业务有特殊需求，比如需要展示一个“服务热线”或者“售后邮箱”，您完全可以通过“自定义设置参数”来添加新的设置项。您只需输入一个参数名（建议使用英文，如ServiceHotline），然后填写对应的参数值（如400-123-4567）和备注说明，保存后，这个自定义的联系方式就能在模板中被调用了。
通过后台的集中管理，无论网站有多少页面需要展示联系方式，您都只需在一个地方进行更新，极大提升了运营效率。
第二步：在模板中调用联系方式信息
当后台的联系方式信息都配置妥当后，接下来就是在网站模板中调用这些数据，让它们呈现在访客面前。AnQiCMS提供了一个非常便捷的模板标签contact，专门用于获取后台设置的联系方式信息。
您可以在任何需要显示联系方式的模板文件（例如，页头header.html、页脚footer.html或“联系我们”页面page/contact.html等）中使用这个标签。其基本用法是{% contact 变量名称 with name="字段名称" %}。其中，“字段名称”就是您在后台设置时看到的那些英文名称，比如Cellphone、Address、Email等。
让我们通过一些具体的例子来看看如何使用这个标签：
显示联系电话： 通常，电话号码会以可点击链接的形式出现，方便手机用户直接拨打。
<a href="tel:{% contact with name="Cellphone" %}">电话：{% contact with name="Cellphone" %}</a>展示公司地址： 在网站的页脚或联系页面，清晰地列出公司地址是很常见的做法。
<p>地址：{% contact with name="Address" %}</p>显示联系邮箱： 邮箱同样建议做成可点击链接，方便访客直接发送邮件。
<a href="mailto:{% contact with name="Email" %}">邮箱：{% contact with name="Email" %}</a>嵌入微信二维码： 如果您在后台上传了微信二维码图片，可以在模板中这样调用：
<img src="{% contact with name="Qrcode" %}" alt="微信二维码" />这里，
src属性会直接获取后台配置的图片地址。调用自定义联系方式： 如果您在后台添加了一个名为
WhatsApp的自定义字段，可以这样调用它：<p>WhatsApp：{% contact with name="WhatsApp" %}</p>
您可以将这些调用组合起来，创建一个包含所有必要联系信息的区块，比如一个网站的页脚：
<div class="footer-contact">
<h3>联系我们</h3>
<p>联系人：{% contact with name="UserName" %}</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>
<p>地址：{% contact with name="Address" %}</p>
<div class="wechat-qr">
<img src="{% contact with name="Qrcode" %}" alt="微信二维码" />
<p>微信：{% contact with name="Wechat" %}</p>
</div>
<p>在Facebook上找到我们：<a href="{% contact with name="Facebook" %}" target="_blank">{% contact with name="Facebook" %}</a></p>
</div>
通过contact标签，您可以灵活地在网站的任何位置显示这些信息，确保访客能够随时随地找到联系您的方式。
一些实用的小贴士
在展示网站联系方式时，除了准确无误地调用数据，还有一些小细节可以帮助您提升用户体验和网站的专业度：
- 保持信息一致性：确保在网站的所有页面，特别是页脚、侧边栏和“联系我们”页面上，所展示的联系信息是完全一致的。这样可以避免访客产生混淆，也对搜索引擎优化有所帮助。
- 考虑用户体验：电话号码使用
tel:链接，邮箱使用mailto:链接，可以极大地提升移动端用户的便利性，实现一键拨号或发送邮件。同时，确保社交媒体链接能够在新窗口打开，避免访客离开您的网站。 - 注意多站点情况：如果您在AnQiCMS后台启用了多站点管理功能，并且不同站点需要展示独立的联系方式，
contact标签默认会获取当前站点的联系信息。如果您需要跨站点调用特定站点的联系方式，可以在contact标签中添加siteId参数来指定。不过，对于大多数单站点运营的用户来说，通常不需要考虑这个参数。
AnQiCMS通过其灵活的后台设置和简洁的模板标签，让网站联系方式的管理和展示变得前所未有的简单。掌握了这些技巧，您就能轻松地让您的网站在访客面前展现出专业和亲和的一面。
常见问题 (FAQ)
1. 我在后台修改了联系方式，为什么网站前台没有立即更新？
这通常是因为网站开启了缓存。AnQiCMS为了提升网站访问速度，会对页面内容进行缓存。当您在后台修改了数据后，旧的缓存可能仍然在生效。您可以尝试登录AnQiCMS后台，点击左侧菜单底部的“更新缓存”选项，清除网站缓存后，前台页面就会显示最新的联系方式了。
2. 除了电话、邮箱、地址，我还能添加其他类型的联系方式吗？比如微信公众号ID或者在线客服链接？
当然可以。AnQiCMS的“联系方式设置”页面支持“自定义设置参数”功能。您只需点击添加自定义参数，输入一个新的参数名（如WeChatOfficialAccount或OnlineServiceLink），然后填入相应的值，保存后即可在模板中使用{% contact with name="WeChatOfficialAccount" %}这样的标签进行调用。这大大增加了联系方式展示的灵活性，满足各种业务需求。
3. 如果我不想在每个页面的页脚都写一遍联系方式的模板代码，有没有更简洁的方法？
AnQiCMS的模板系统支持模板嵌套引用功能。通常，网站的页脚内容会被抽离成一个独立的模板文件，例如partial/footer.html。您只需在这个footer.html文件中编写好所有联系方式的调用代码，然后在主模板文件（如index.html、detail.html等）中通过{% include "partial/footer.html" %}标签引入即可。这样，无论您有多少页面，都只需维护一个页脚模板文件，大大简化了代码管理。