作为一位资深的网站运营专家，我深知灵活的内容展示对于网站运营效率和用户体验的重要性。安企CMS（AnQiCMS）以其出色的可定制性，在处理网站联系方式这类看似简单却至关重要的信息时，也提供了极大的便利。今天，我们就来深入探讨，当你在安企CMS后台自定义了联系方式字段后，如何在前端模板中，精准无误地通过{% contact %}标签调用它们的值。

安企CMS模板：精确调用自定义联系方式字段值的实用指南

在数字时代，网站的联系方式是用户与我们沟通的桥梁，也是建立信任、促进业务转化的关键环节。然而，传统的CMS系统往往只提供有限的几个联系字段，如电话、邮箱、地址等。对于追求精细化运营的企业来说，这显然是不够的。不同业务线可能需要独立的联系人或电话，全球化业务则可能需要WhatsApp、Telegram等国际通讯应用，或者需要在特定区域展示本地化的联系方式。

安企CMS的强大之处在于其“灵活的内容模型”理念，这一优势不仅体现在内容文章的管理上，也延伸到了网站的基础配置，包括我们的联系方式。通过自定义联系方式字段，我们可以轻松拓展网站的沟通维度，满足各种复杂的运营需求。

第一步：在后台灵活定制你的联系方式

要让自定义的联系方式在前端模板中得以展现，我们首先需要在安企CMS的后台进行设置。这个过程直观且易于操作：

  1. 登录安企CMS后台。
  2. 导航至左侧菜单的“后台设置”区域，点击进入“联系方式设置”。
  3. 在这个页面，你会看到一些默认的联系方式字段，例如联系人、联系电话、联系邮箱等。向下滚动，你会发现一个名为“自定义设置参数”的区域。
  4. 在这里，你可以点击“添加新参数”来创建你需要的自定义字段。你需要填写三个核心信息：
    • 参数名： 这是你在模板中调用该字段时使用的“钥匙”。建议使用英文或拼音，例如“WhatsApp”、“SalesPhone”、“SupportEmail”等。需要注意的是，如果你填写的是中文，系统在内部处理时会尝试将其转换为驼峰命名法（CamelCase）以供模板调用，但为避免不必要的混淆，强烈建议直接使用英文参数名。
    • 参数值： 这就是该联系方式的具体内容，比如你的WhatsApp号码、销售部门的专线电话或者客服邮箱地址。
    • 备注： 这是一个可选字段，用于解释该参数的用途，方便自己或团队成员日后维护和理解，它不会在前端显示。

例如，我们可能添加一个名为“WhatsApp”的参数名，参数值为“+86 13800138000”；再添加一个名为“WeChatPublicAccount”（微信公众号）的参数名，参数值为“anqicms”。保存这些设置后，后台的配置工作就完成了。

第二步：运用{% contact %}标签精确调用

完成后台的自定义设置后，接下来就是将这些信息呈现在你的网站前台模板中。安企CMS提供了一个专用的{% contact %}标签，它正是我们实现这一目标的核心工具。

{% contact %}标签的基本用法非常简洁明了。它通常与name参数配合使用，name参数的值就是你在后台定义的“参数名”。

调用默认联系方式字段：

假设你想要调用默认的联系电话字段，你可以在模板中这样写：

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

这段代码会直接输出你在后台“联系方式设置”中“联系电话”字段里填写的值。

精确调用自定义联系方式字段：

现在，让我们来调用刚才在后台自定义的WhatsApp联系方式。如果你的“参数名”设定为“WhatsApp”，那么在模板中的调用方式如下：

<p>我们的WhatsApp热线：{% contact with name="WhatsApp" %}</p>

这段代码执行后，页面上就会显示“我们的WhatsApp热线：+86 13800138000”。

将字段值赋给变量以便灵活运用：

为了提高模板的可读性和灵活性，特别是当你需要对某个联系方式值进行进一步处理（比如将其作为链接的一部分）时，你可以将{% contact %}标签获取的值赋给一个变量：

{% contact whatsappNumber with name="WhatsApp" %}
{% if whatsappNumber %}
    <p>通过WhatsApp联系我们：<a href="https://wa.me/{{ whatsappNumber }}" target="_blank">{{ whatsappNumber }}</a></p>
{% endif %}

{% contact publicAccount with name="WeChatPublicAccount" %}
{% if publicAccount %}
    <p>关注我们的微信公众号：{{ publicAccount }}</p>
{% endif %}

在上面的示例中，whatsappNumber和publicAccount就是你自定义的变量名，它们会承载从后台获取到的对应联系方式的值。接着，你可以像处理其他变量一样，将它们嵌入到HTML结构中，甚至结合if标签进行条件判断，确保只有当该字段有值时才显示，从而避免页面出现空白信息。

第三步：进阶应用与实用技巧

  • 构建动态链接： 对于电话号码、邮箱或社交媒体账户，你通常希望它们是可点击的链接。例如，结合电话号码的tel:协议或WhatsApp的wa.me/协议：

    {% contact phone with name="Cellphone" %}
{% if phone %}
    <p>客服热线：<a href="tel:{{ phone }}">{{ phone }}</a></p>
{% endif %}


{% contact email with name="Email" %}
{% if email %}
    <p>商务合作：<a href="mailto:{{ email }}">{{ email }}</a></p>
{% endif %}

  • 多站点场景下的调用： 如果你的安企CMS部署了多个站点，并且希望在一个站点的模板中调用另一个站点的联系方式，{% contact %}标签同样提供了siteId参数来满足这一需求。你只需在调用时指定目标站点的ID即可：

    {% comment %} 调用站点ID为2的WhatsApp联系方式 {% endcomment %}
<p>姊妹站WhatsApp：{% contact with name="WhatsApp" siteId="2" %}</p>

  • 健壮性考量：空值处理： 在实际运营中，某些自定义字段可能并非总是填写。为了避免模板