As a senior CMS website operation personnel of an enterprise, I know that the contact information of the website is crucial for user trust and business conversion.A clear, accessible, and accurate contact method not only improves user experience but also enhances the trust of search engines in the website, thereby optimizing SEO performance.Now, I will give a detailed introduction on how to set and call these key information in AnQiCMS.

The contact, phone number, and address information of the website is an important bridge for the company's external communication.They not only show the real existence of the enterprise to visitors, but also provide a direct way for users to seek help, consult products or services.In AnQiCMS, the settings and calls of this information are designed to be both flexible and efficient, whether it is for standard fields or custom requirements, it can be easily realized.

Set contact information in AnQiCMS backend

First, let's discuss how to configure the contact information of the AnQiCMS website management system.AnQiCMS provides an intuitive interface that allows operators to easily manage this information.

To set the contact information, you need to log in to the AnQiCMS backend, then navigate to the 'Backend Settings' menu, and select the 'Contact Information Settings' option.On this page, you will see a series of preset contact information fields, which cover most of the contact methods commonly used by enterprises, such as contact name, phone number, address, and email address.You can fill in these fields one by one according to the actual situation of your company.If your business also involves WeChat or other social media, you can also fill in the WeChat ID and upload a WeChat QR code here, convenient for users to scan and add.

The strength of AnQiCMS lies in its scalability.If the preset fields do not meet your specific needs, for example, if you need to add WhatsApp contact information, Facebook homepage link, or specific business hours, you can add new fields through the "Custom Settings Parameters" feature.When adding custom parameters, you need to specify a 'parameter name', which will be the identifier you use to call this field in the template.At the same time, you also need to fill in the "parameter value", which is the actual contact information.For convenience of management and understanding, you can also add a 'note' to each custom parameter to describe its purpose.For example, you can add a parameter name called "WhatsApp", with the parameter value as your WhatsApp number, and write "international business contact information" in the notes.

Call contact information in AnQiCMS template

After setting up the contact information in the background, the next step is to display this information on the website's frontend page. AnQiCMS provides special template tagscontactCall this information, ensure the separation of data and display, making template design more concise and efficient.

contactThe use of tags is very flexible. Usually, you will use{% contact 变量名称 with name="字段名称" %}The format to call. The "field name" corresponds to each contact method you set up in the background.nameParameter. If you do not need to store the result of the call in a variable, you can use it directly{% contact with name="字段名称" %}to output.

For example, if you want to display the contact phone number at the footer of the website, you can call it like this:

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

This code will output a link with a phone number that users can click to make a call. Similarly, to display contact address or contact email, you can usename="Address"andname="Email":

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

For the custom contact information you added in the background, such as the WhatsApp contact information mentioned earlier, you can also use the defined "parameter name" to call it. Assume the parameter name you set isWhatsApp，then when called in the template it looks like this：

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

This label has another practical feature that supports multiple sites. If you have managed multiple sites in the AnQiCMS background and want to call the contact information of other sites in the current site's template, you can usesiteIdSpecify the target site with parameters. For example,{% contact with name="Cellphone" siteId="2" %}The contact phone number of the site with ID 2 will be called.

Integrate contact information seamlessly into any location on the website, whether it's the header, footer, sidebar, or an independent "Contact Us" page, and maintain consistency and ease of use.

Display contact information **practice

As a website operator, I suggest you follow these **practices when displaying contact information:

  • Maintain consistency of informationMake sure that all contact information displayed on the website, including different pages, headers and footers, online forms, etc., uses the latest and accurate data.

  • Highlight important informationPlace the most commonly used contact information (such as phone and address) in an easily accessible location, such as the top navigation bar or footer of the website.

  • Utilize hyperlinks for user convenienceConvert phone numbers totel:Link, convert email addresses tomailto:Link, convenient for users to click and communicate directly.

  • Consider structured data: Although AnQiCMS'scontactLabels do not directly generate Schema Markup, but you can usejsonLdLabel this information, manually add the JSON-LD structured data for the company contact information, which helps search engines better understand your company's information and improve the visibility in local searches. For example, you canbase.htmlOr add the following code to a separate contact page template:

    {% jsonLd %}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "{% system with name="SiteName" %}",
  "url": "{% system with name="BaseUrl" %}",
  "contactPoint": [{
    "@type": "ContactPoint",
    "telephone": "{% contact with name="Cellphone" %}",
    "contactType": "customer service"
  },{
    "@type": "ContactPoint",
    "email": "{% contact with name="Email" %}",
    "contactType": "customer service"
  }],
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "{% contact with name="Address" %}",
    "addressLocality": "您的城市", {# 需要手动填写或通过自定义字段获取 #}
    "addressRegion": "您的省份", {# 需要手动填写或通过自定义字段获取 #}
    "postalCode": "您的邮编", {# 需要手动填写或通过自定义字段获取 #}
    "addressCountry": "您的国家" {# 需要手动填写或通过自定义字段获取 #}
  }
}
</script>
{% endjsonLd %}

    Please note,addressLocality/addressRegion/postalCodeandaddressCountryPlease fill in or set and call in the background according to the actual situation.

By following these steps and **practice, you will be able to efficiently set up and call the contact, phone, and address information of the website on AnQiCMS, thereby providing your website visitors with better services and experiences.

Frequently Asked Questions

Q1: Why did the website front end not update immediately after I changed the contact information in the background?

A1: AnQiCMS to enhance website performance, it will use caching.After you have modified the background settings, you may need to clear the website cache to see the latest changes on the front end.You can log in to the AnQiCMS backend, click the 'Update Cache' button at the bottom of the left-hand menu, or look for the related cache clearing options on the settings page.If it still does not work, please check your browser cache, try to force refresh the page (Ctrl+F5 or Cmd+Shift+R) or clear the browser cache.

Q2: Do I want to add a map link next to the contact address, does AnQiCMS support it?

A2: AnQiCMS itself does not automatically convert addresses to map links, but you can use its custom parameter feature to achieve this.You can add a custom parameter in the "Contact Information Settings", such as "MapLink", and enter the sharing link of your Google Maps or Baidu Maps and other map services.Then in the template, you can call it like other custom fields{% contact with name="MapLink" %}To display the map link.

Q3: How can I ensure that my contact phone number can be dialed directly on a mobile device?

A3: In your template, when you are calling a contact phone number, be sure to use HTML'stel:protocol. For example, not simply displaying{% contact with name="Cellphone" %}but wrapping it in<a>tags, such as<a href="tel:{% contact with name="Cellphone" %}">{% contact with name="Cellphone" %}</a>. Thus, on devices with dialing functions (such as smartphones), users can directly dial the phone number by clicking on it.