如何在AnQiCMS模板中获取联系方式信息（如电话、邮箱）？

作为一名深耕安企CMS(AnQiCMS)多年的网站运营人员，我深知将关键信息，尤其是联系方式，清晰有效地展示在网站前台模板中的重要性。这不仅关乎用户体验，更是建立信任、促进沟通的关键环节。AnQiCMS在设计之初就充分考虑了这一点，提供了直观且灵活的模板标签，让开发者能够轻松获取并展示这些信息。

接下来，我将详细阐述如何在AnQiCMS模板中获取和展示联系方式，如电话和邮箱。

在AnQiCMS后台配置联系信息

在将联系方式展示到网站前台之前，我们首先需要确保这些信息已经在AnQiCMS的后台正确配置。进入AnQiCMS后台管理界面后，您会找到“后台设置”区域下的“联系方式设置”选项。在这里，您可以管理一系列默认的联系信息字段，例如“联系人”、“联系电话”、“联系地址”、“联系邮箱”、“微信号”以及“微信二维码”等。

这些默认字段足以满足大多数企业的需求。然而，AnQiCMS也提供了极高的灵活性，允许您通过“自定义设置参数”来添加更多专属的联系方式字段。例如，如果您的业务涉及国际客户，可能需要添加“WhatsApp联系方式”、“Facebook主页链接”或“LinkedIn档案”等。在添加自定义参数时，您需要指定一个“参数名”（供模板调用），“参数值”（实际内容）以及一个“备注”（方便管理和识别）。一旦这些信息在后台保存，它们就可以通过模板标签被轻松调用。

核心模板标签：contact 的运用

AnQiCMS为获取联系方式信息提供了专门的contact模板标签，它的设计理念是简洁高效。这个标签允许您通过指定字段名称来直接获取相应的联系信息。

contact 标签的基本使用格式为：{% contact 变量名称 with name="字段名称" %}。

• 变量名称是一个可选参数。如果您希望将获取到的值存储在一个变量中，以便在模板的后续部分重复使用或进行额外处理，那么可以指定一个变量名。
• name参数是必不可少的，它告诉AnQiCMS您想要获取哪个具体的联系方式字段。您需要将后台配置的字段名称（如Cellphone、Email、Wechat等）作为其值。
• 对于多站点部署的用户，contact标签还支持siteId参数，以便从特定的站点获取联系方式。但对于多数单站点用户而言，此参数通常无需填写。

获取常用的联系方式：电话与邮箱

要获取网站的联系电话，您可以使用name="Cellphone"：

<p>联系电话：{% contact with name="Cellphone" %}</p>

这段代码会直接输出您在后台“联系方式设置”中配置的电话号码。如果需要将电话号码存储在一个变量中，以便后续进一步处理，例如制作电话链接，可以这样做：

{% contact phoneNumber with name="Cellphone" %}
<p>联系电话：<a href="tel:{{ phoneNumber }}">{{ phoneNumber }}</a></p>

同样地，获取联系邮箱则使用name="Email"：

<p>联系邮箱：{% contact with name="Email" %}</p>

为了方便用户点击发送邮件，我们也可以将其封装成一个邮件链接：

{% contact contactEmail with name="Email" %}
<p>联系邮箱：<a href="mailto:{{ contactEmail }}">{{ contactEmail }}</a></p>

访问自定义联系信息及其他字段

AnQiCMS的强大之处在于其可扩展性。如果您在后台自定义了诸如“WhatsApp”或“QQ”之类的联系方式字段，您同样可以使用contact标签配合相应的参数名来获取它们。

例如，如果您在后台自定义了一个名为WhatsApp的参数，那么在模板中获取该值的方式如下：

<p>WhatsApp：{% contact with name="WhatsApp" %}</p>

或者获取微信二维码图片：

{% contact wechatQrcode with name="Qrcode" %}
{% if wechatQrcode %}
<p>微信扫码：<img src="{{ wechatQrcode }}" alt="微信二维码" /></p>
{% endif %}

此处的Qrcode是AnQiCMS内置的微信二维码字段名。

模板中的联系方式布局策略

将联系方式融入网站模板时，应考虑其在用户旅程中的可见性和可访问性。通常，网站的页眉（Header）、页脚（Footer）和独立的“联系我们”页面是展示这些信息的理想位置。

在页眉中，可以精简地显示电话号码或邮箱图标，方便用户快速点击。页脚则可以包含更全面的联系地址、电话、邮箱、社交媒体链接等。而“联系我们”页面则应提供最详尽的信息，包括地图、在线表单等，以确保用户能够通过各种方式与您取得联系。

通过以上方法，您可以灵活且高效地在AnQiCMS模板中获取并展示各种联系方式信息，从而提升网站的专业性和用户互动体验。

常见问题 (FAQ)

AnQiCMS 的contact标签是获取联系方式的主要方式。

AnQiCMS后台设置中，如果我想添加一个“Skype账号”的联系方式，该如何操作并在模板中获取？

您可以在AnQiCMS后台的“联系方式设置”页面，找到“自定义设置参数”区域。点击添加新参数，将“参数名”设置为Skype（或其他您想使用的英文标识），“参数值”填写您的Skype账号，并添加一个备注方便识别。保存后，在模板中您就可以使用{% contact with name="Skype" %}来获取并展示您的Skype账号了。

为什么我在模板中使用了{% contact with name="Cellphone" %}，但是页面上没有显示电话号码？

这通常是因为您尚未在AnQiCMS后台的“联系方式设置”中填写“联系电话”字段。请检查后台设置，确保“联系电话”字段已填入有效值。如果后台已经填写，但前台仍未显示，请尝试清除AnQiCMS的系统缓存（后台有“更新缓存”功能）和浏览器缓存，以确保模板已加载最新数据。

我正在管理一个多语言网站，需要在不同语言版本显示不同的联系电话，contact标签能实现吗？

AnQiCMS的多站点功能和多语言特性通常是结合使用的。对于多语言网站，如果您需要为不同的语言版本展示不同的联系电话，您应该在AnQiCMS后台为每个语言站点独立配置其联系方式。contact标签默认会获取当前站点的联系方式。如果您需要在某个模板中明确获取特定siteId（站点ID）的联系方式，可以使用{% contact with name="Cellphone" siteId="X" %}（其中X是对应语言站点的ID）。不过，在模板中通常无需手动指定siteId，因为AnQiCMS会根据当前访问的站点自动加载其配置的联系信息。