How to set and display the global contact information (phone, address, email, social media, etc.) of AnQiCMS?

In website operation, a clear and convenient contact method is the key to building trust and promoting communication.Whether it is a phone number, address, email, or increasingly important social media channels, this information needs to be prominently and consistently displayed on your website.AnQiCMS knows this and therefore provides a straightforward and centralized way to manage the global contact information of the website, allowing your visitors to easily find you wherever and whenever.

Set your global contact information on the AnQiCMS backend

AnQiCMS will centralize the setting of contact information in one place, making it convenient for you to manage and update it uniformly. When you need to set or modify the global contact information of the website, just follow the following steps:

  1. Enter the back-end management interface: Log in to your AnQiCMS back end.
  2. Navigate to "Contact Information Settings"In the left navigation bar, find and click on "Background Settings". Then, select "Contact Information Settings" from the pop-up submenu.

Here, you will see a simple and clear form interface, which includes various commonly used contact information fields on the website:

  • Contact: Usually the main contact person for your company, such as "Mr. Wang" or the Customer Service Department.
  • Contact Phone (Cellphone)This is your main business contact phone number.
  • Contact Address (Address)This is the detailed company address, convenient for customers to visit or send mail.
  • Contact Email (Email)A professional and easy-to-remember email address for business communication.
  • Social media accountsAnQiCMS has preset various mainstream social media fields, such asWeChat (Wechat)/QQ/WhatsApp/Facebook/Twitter/TikTok/Pinterest/LinkedIn/Instagram/YouTubeEtc. You can directly enter the corresponding account, link, or QR code (such as WeChat QR code).
  • WeChat QR Code (Qrcode): Upload your WeChat official account or enterprise WeChat QR code image directly, convenient for visitors to scan and add.

Customize the flexibility of setting parameters

If the default fields provided do not fully meet your business needs, AnQiCMS also provides a flexible 'Custom Setting Parameters' feature.For example, you may need to set different customer service phone numbers for different regions, or add a special online consultation link.

  1. Add new settings itemsClick the add button below the 'Custom parameter settings'.
  2. Define parameter information:
    • Parameter NameThis is the name provided for the template, it is recommended to use letters, and the system will automatically convert it to camel case (for example:RegionServicePhone)
    • Parameter valueThis is the specific content you want to display on the front end, for example, '010-XXXX-XXXX'.
    • Note: Add a description for this custom parameter to help yourself or other administrators understand its purpose.

In this way, you can infinitely expand the types of contact methods according to the actual operational needs of the website.

Display contact information on the website's front-end page

It is not enough to set up this information only in the background. In order for visitors to see these contact methods on the website front-end, we need to call these data in the website template.AnQiCMS makes this process very easy with concise template tags.contactLabel to get the contact information you have configured in the background.

In your template file (such as, footerfooter.html, top navigationheader.htmlor 'Contact Us' page), you can call it like this:

{# 调用网站联系电话 #}
<p>联系电话：{% contact with name="Cellphone" %}</p>

{# 调用公司地址 #}
<p>公司地址：{% contact with name="Address" %}</p>

{# 调用客服邮箱 #}
<p>客服邮箱：<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></p>

{# 调用微信账号 #}
<p>微信：{% contact with name="Wechat" %}</p>

{# 调用微信二维码图片 #}
{# 注意：对于图片URL，通常需要配合 |safe 过滤器以确保正确渲染 #}
<div>
    <img src="{% contact with name="Qrcode" %}" alt="微信二维码" />
</div>

{# 调用WhatsApp链接 #}
<p>WhatsApp：<a href="https://wa.me/{% contact with name="WhatsApp" %}" target="_blank" rel="nofollow">{% contact with name="WhatsApp" %}</a></p>

{# 调用您在后台自定义的“RegionServicePhone” #}
<p>区域客服电话：{% contact with name="RegionServicePhone" %}</p>

In these examples,{% contact with name="字段名称" %}the value of the corresponding field in the "Contact Information Settings" on the backend will be output directly.nameThe value should be consistent with the English name of the field in the background setting interface (or the parameter name you customize).

Integration and operation thinking

Unified management and display of the global contact information of the website, not only convenient for visitors, but also has a positive driving effect on your content operation:

  • Enhance brand professionalism: Consistent contact information display helps build a professional brand image.
  • optimize user experience: Visitors can easily find the information they need, reduce search costs, and improve satisfaction.
  • Boost SEO: Clear local contact information helps with local SEO rankings, especially when your business is related to a specific geographic location.
  • Simplify the update processAll contact information is centrally managed. Once the information changes, it only needs to be modified in one place on the backend, and all front-end calls will automatically update, avoiding omissions and inconsistencies.

By using AnQiCMS's 'Contact Information Settings' and flexible template tags, you can easily build a professional website with complete information and convenient communication.Whether it is a corporate website, product showcase, or marketing site, it can be presented to your target audience in the clearest way, thereby effectively enhancing user interaction and conversion.

Frequently Asked Questions (FAQ)

Q1: If I modify the contact information on the AnQiCMS backend, will the front page update immediately?A1: Yes, the contact information settings of AnQiCMS are dynamic.After you save the changes in the background, the front page will immediately read and display the latest contact information when the user visits.

Q2: Can I set multiple contact numbers or email addresses for different purposes? For example, a sales number, a customer service number.Of course, you can.The "Custom Setting Parameters" feature of AnQiCMS is designed for this purpose.You can add multiple custom fields, such as "SalesPhone" and "SupportEmail", and fill in the corresponding contact information.{% contact with name="SalesPhone" %}and{% contact with name="SupportEmail" %}Call them separately.

Q3: Should the social media link be filled with the complete URL or just the account name?A3: It is recommended to enter the complete URL. For example, for Facebook, you can enter the complete link to your personal page or company page (such ashttps://www.facebook.com/yourpage)，so the user can click and directly jump.For WeChat, if it is a public account, you can fill in the link of the public account article or the enterprise WeChat link, or the link to your personal WeChat homepage to ensure a smooth user experience.