如何在前端模板中调用并显示后台设置的联系方式（电话、邮箱、地址）？

在网站运营中，清晰有效地展示联系方式对于建立用户信任、促进沟通交流至关重要。无论是咨询产品、寻求服务支持，还是反馈意见，一个触手可及的电话、邮箱或地址都能大幅提升用户体验。安企CMS（AnQiCMS）充分考虑了这一需求，提供了灵活便捷的方式，让网站管理员在后台统一管理联系信息，并通过简单的模板标签在前端页面上轻松调用和显示。

第一步：在后台设置您的联系信息

要让联系方式在前端模板中显示，首先需要在安企CMS的后台进行统一设置。这确保了所有联系信息都集中管理，方便后续修改和维护。

进入安企CMS后台管理界面后，您会找到一个专门用于管理联系信息的模块。在这里，系统预设了多项常用的联系方式字段，例如：

• 联系人名称：用于标识您的联系人员或部门，如“张经理”、“销售部”。
• 联系电话：客户可以直接拨打的电话号码。
• 联系地址：您的公司或门店的具体位置，方便客户上门拜访。
• 联系邮箱：客户可以通过邮件与您取得联系。
• 微信号与微信二维码：便于移动端用户添加好友或扫码关注。
• 此外，还支持如QQ、WhatsApp、Facebook、Twitter、Tiktok、Pinterest、Linkedin、Instagram、Youtube等主流社交媒体联系方式。

如果这些预设的字段仍无法满足您的个性化需求，安企CMS还提供了自定义设置参数的功能。您可以根据业务特点，创建任何您需要的联系信息字段。例如，如果您需要展示一个特殊的客服热线，或者一个特定的在线咨询链接，可以自定义一个参数名为“CustomerServiceHotline”或“OnlineChatLink”，并填入相应的值。在设置自定义参数时，您需要指定一个“参数名”（通常建议使用英文或拼音，系统会自动转换为驼峰命名以便模板调用），并为其赋一个“参数值”，同时可以添加“备注”以方便日后管理。

通过后台的集中设置，您可以确保网站上所有相关联系信息的一致性和准确性，避免了在多个页面手动修改的繁琐，极大提高了运营效率。

第二步：在前端模板中调用并显示联系方式

当您在后台完成了联系信息的设置后，接下来就可以在网站的前端模板中轻松调用这些数据了。安企CMS为此提供了一个简洁而强大的模板标签——contact。

contact 标签的基本使用方式是：{% contact 变量名称 with name="字段名称" %}。其中，“变量名称”是可选的，如果您指定了变量名称，就可以将获取到的联系信息存储在一个变量中，以便在模板中多次使用；如果省略变量名称，标签会直接输出字段值。核心在于name参数，它对应着您在后台设置的联系方式字段的名称。

例如，要调用并显示最常见的联系电话，您可以这样编写代码：

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

这行代码会直接在页面上显示您在后台“联系方式设置”中填写的电话号码。为了方便用户直接点击拨打，您可以将其包裹在HTML的<a>标签中，并使用tel:协议：

<p>
    <a href="tel:{% contact with name='Cellphone' %}" rel="nofollow">
        电话咨询：{% contact with name="Cellphone" %}
    </a>
</p>

同样地，调用联系邮箱也十分简单：

<p>电子邮件：{% contact with name="Email" %}</p>

如果您希望用户能够通过点击链接直接发送邮件，可以这样处理：

”`twig

<a href="mailto:{% contact with name='Email'