As a senior CMS website operation personnel for a well-known enterprise, I am well aware of the importance of website contact information for user trust, business communication, and brand image.Clear, accurate, and easy-to-find contact information not only enhances user experience but is also a key link in converting potential customers.Next, I will elaborate on how to set up and manage contact information in the AnQiCMS backend, and guide you on how to display this information on the website front end.
AnQiCMS backend contact information setup entry
In the AnQi CMS backend management interface, you can easily find and enter the 'backend settings' area through the left navigation bar.Here, a submenu item named \Click it, you will enter a configuration page integrated with the website's default contact information and custom extended parameters.
Default contact information configuration and function
Anqi CMS provides a series of preset common contact information fields to meet the needs of most corporate websites. These fields include:
- Contact:It is usually used to display the name of the contact person for the website, such as 'Manager Li' or 'Customer Service Zhang', it provides users with a more personalized communication object.
- Contact Phone:This is one of the most commonly used contact methods for customers, please fill in your business phone number to ensure that users can resolve doubts or discuss business through voice communication.
- Contact address:For businesses with physical office locations or stores, providing detailed address information is crucial, as it helps users locate your location.
- Contact Email:Email is another important written communication channel, which can be used to receive user inquiries, cooperation intentions, and so on.
- WeChat ID:Considering the popularity of WeChat in China, providing a WeChat ID can facilitate users in contacting you through instant messaging tools.
- WeChat QR Code:To further simplify the process of users adding WeChat, you can upload your personal or corporate WeChat QR code image, and users can scan it to add quickly.
These default field settings are very intuitive, you just need to enter your information in the corresponding text boxes and upload the corresponding image files.This information is usually displayed in the footer of the website, on the "Contact Us" page, or in the sidebar, etc.
Flexible expansion: Customize contact information parameters
The strength of AnQi CMS lies in its high customizability.If the default fields above do not fully meet your business needs, for example, if you need to display WhatsApp numbers, Facebook homepage links, or other social media accounts, you can use the "Custom Settings Parameters" feature to expand.
At the bottom of the contact information settings page, you will find an area to add custom parameters. Here, you need to pay attention to three key items:
- Parameter name:This is the unique identifier you call this custom information in the template. It is recommended to use English lowercase letter combinations, and the system will automatically convert it to camelCase (for example, enter "whatsapp", available in the template
WhatsApp)。For example, you can set 'WhatsApp' as the parameter name. - Parameter value:This is the specific information you want to display on the website front end. For example, if your parameter name is 'WhatsApp', you can fill in your WhatsApp contact number here.
- Note:This is an optional field that will not be displayed on the front end, but you can use it to record the purpose of the custom parameter for future management and maintenance.
In this way, you can infinitely expand your contact methods based on your own business development and global promotion needs, for example, by adding social media links such as Facebook, Twitter, TikTok, Pinterest, LinkedIn, Instagram, YouTube, and thus build a multi-channel, all-around user communication network.
Display contact information on the website front-end: template calling技巧
In AnQi CMS, to display the contact information set in the background on the website front-end, you need to use template tagscontactThis is a very convenient and powerful tool that allows you to dynamically introduce contact information at any location on the website.
The way to use template tags is{% contact 变量名称 with name="字段名称" %}In which, 'variable name' is optional, if you want to assign the obtained value to a variable for subsequent processing, you can define; if not needed, you can output directly.nameThe parameter specifies the contact information field you want to retrieve.
Example of calling the default contact method:
If you want to display the contact phone number and email in the website footer, you can do so in the template file (for example,partial/footer.htmlIf your footer is a separate file), write it like this:
<address>
电话：<a href="tel:{% contact with name="Cellphone" %}">{% contact with name="Cellphone" %}</a><br>
邮箱：<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a><br>
地址：{% contact with name="Address" %}
</address>
Example of calling a custom contact method:
If you add a custom parameter named "WhatsApp" in the background and want to display its link on the website, you can call it like this:
<div>
<a href="https://wa.me/{% contact with name="WhatsApp" %}" target="_blank" rel="noopener noreferrer">
<img src="/public/static/images/whatsapp_icon.png" alt="WhatsApp"> 联系我们
</a>
</div>
Please note,target="_blank" rel="noopener noreferrer"Images are typically used for external links to enhance user experience and security. Image path/public/static/images/whatsapp_icon.pngShould be replaced with your actual icon path
Ensure the timeliness and accuracy of contact information
Summary
The Anqi CMS provides a comprehensive contact information management solution that is flexible from the backend to the convenient display on the frontend.Whether it is a general information by default or a special field customized according to business needs, it can be easily realized through an intuitive interface and powerful template tags.As a website operator, fully utilizing these features will help you build an efficient, professional, and user-friendly online communication platform.
Frequently Asked Questions (FAQ)
How to set different contact information on multiple sites? Answer:The AnQi CMS supports multi-site management features.When you have multiple independent sites, the contact information for each site is set independently.You just need to log in to the backend management interface of the corresponding site, go to "Contact Information Settings" under "Backend Settings" to configure exclusive contact information for the site.
siteIdParameters, unless you need to call the contact information of site B from site A.Ask: I have set up a WeChat QR code, but the front-end cannot display the picture. How should I investigate? Answer:First, please confirm that you have successfully uploaded the WeChat QR code picture in the background "Contact Information Settings" and that the picture preview is normal. Next, check your template file (for example, using
tag-contact.mdinQrcodeThe sample code for the tag ensures<img>label'ssrcThe attribute is correctly referenced{% contact with name="Qrcode" %}Label.If the image path is still incorrect or blank, it may be due to file permission issues or CDN cache issues. You can try clearing the system cache or browser cache and then view it again.Ask: Can I customize other types of contact fields, such as a button with a specific link? Answer:Can be.The 'Parameter Value' field of the custom setting supports entering any text content.
<button>or<a>Label and JavaScript code to create a button, and use custom parameter values as the link target. For example, the parameter name isCustomButtonLink, the parameter value ishttps://example.com/custom-page, you can write in the template<a href="{% contact with name="CustomButtonLink" %}" class="custom-button">点击这里</a>.