As an experienced website operator familiar with AnQiCMS, I know that an easily accessible and content-rich 'Contact Us' page is crucial for improving user experience and promoting business development.Efficiently integrate such pages into navigation, not only allowing users to quickly find the information they need, but also showcasing the professionalism of the website and its attention to user needs.Below, I will elaborate on how to achieve this goal in AnQiCMS.
Create a 'Contact Us' single-page in AnQiCMS
Firstly, we need to create a dedicated single page for the "Contact Us" content in the AnQiCMS backend.This page will carry all the contact information and can add a comment form or other interactive elements as needed.
To start creating, please log in to the AnQiCMS backend management interface, then navigate to the "Page Resources" section of the left menu, and click "Page Management."}Here, you will see the list of all single-page lists on the current website.Click the 'Add Single Page' button to enter the page editing interface.
In the popup form, you need to fill in several key pieces of information.The first is the "page name", here we usually fill in "Contact Us".This name will be displayed in the navigation of the back and front ends. Next is the 'single page content', which is the core part of the page.You can use the powerful content editor of AnQiCMS to add text, images, videos, and other elements.For example, you can provide a detailed introduction of the company's address, service hours, and even photos of the team members.For the convenience of management and unified style, we will discuss later how to dynamically insert contact information here.
An important setting is "Custom URL". AnQiCMS allows you to set a friendly URL path for a single page, which is very beneficial for SEO and user memory.Suggest setting it to a concise and clear English phrase, for examplecontact-usorcontact. This custom URL will take effect when the pseudo-static rules are enabled on the website, forming such aswww.yourdomain.com/contact-us.htmlSuch a link. Ensure that the URL you set is unique throughout the site, the system will automatically check and prompt for duplicates.
Finally, in the "Single Page Template" option, you can choose to use the default single page template of AnQiCMS (usuallypage/detail.html), or create a dedicated custom template for the "Contact Us" page, such aspage/contact.html. If you choose to customize the template, please make sure that the template file exists in your theme template directory (/template/your_theme/page/In case, the page will not load properly. Custom templates can help you achieve a more unique and personalized page layout and style.
After completing the above settings, click "OK" to save the page. Now, the "Contact Us" single page has already been created.
Add the "Contact Us" page to the website navigation
After the single page is created, the next step is to integrate it into the website's navigation menu so that users can easily access it.
Please continue to operate in the AnQiCMS background management interface, navigate to the "Background Settings" section on the left menu, and then click "Navigation Settings."}This displays all the navigation menus and categories of the website.
Generally, you will have a category named 'Default Navigation' or 'Top Navigation', which is used for the main navigation bar of the website.You can choose to add a new navigation link under this category, or if your website design requires it, you can also create a new navigation category to manage.Click the "Manage" button next to the navigation category you want to modify.
In the navigation link management interface, click 'Add Navigation Link'. At this time, a new form will pop up:
- Parent navigation: If you want "Contact Us" as a top-level navigation item, please select "Top-level Navigation".If you want it to be a submenu of an existing menu item, select the corresponding parent menu.
- display name: Please fill in 'Contact Us' again, this is the text seen by users in the website navigation.
- Link Type: This is a key step. Please make sure to select 'Category Page Link'.
- Select pageAfter selecting the 'Category Page Link', the system will pop up a page selector.Here, find and click on the contact us page you just created.The system will automatically fill in the internal links on this page.
- Display order: Adjust the "Display Order" number based on where you want "Contact Us" to appear in the navigation bar. The smaller the number, the closer it appears to the front.
After filling in, click "OK" to save the navigation link. Now, refresh your website's front-end page, and you will find the "Contact Us" link has appeared in the navigation menu.
Optimize the "Contact Us" page content
In order to make the "Contact Us" page more practical and professional, I strongly recommend that you use the dynamic content tags of AnQiCMS to fill in contact information and message forms.This not only improves operational efficiency, but also ensures the consistency of information.
In AnQiCMS, there is a "Contact Information Settings" feature in the "Background Settings".Here, you can centrally manage contact information, phone numbers, addresses, email addresses, social media links, and more.Once this information is set, you can pass through in any template or page content{% contact %}Tags dynamically call them without manually modifying the page content.
For example, in your "Contact Us" single page content editor, you can add it like this:
- Contact:
{% contact with name="UserName" %} - Contact Phone:
{% contact with name="Cellphone" %} - Company Address:
{% contact with name="Address" %} - Email:
{% contact with name="Email" %}
This way, when the contact information in the background changes, you only need to update the content in the "Contact Information Settings", and all pages that call these tags will automatically synchronize the update.
In addition, to facilitate users submitting inquiries directly through the website, you can integrate a message form on the "Contact Us" page. AnQiCMS provides{% guestbook %}The label automatically generates a comment form configured on the background. After adding this label to the page content, the website will automatically display a comment form containing the custom fields you have configured in the background "Function Management" -> "Website Comment Management".This allows users to send messages conveniently, while you can manage all comments centrally in the background.
By following these steps, you not only successfully created and linked the "Contact Us" single page in AnQiCMS navigation, but also further optimized its content display to ensure the accuracy of information and the interactive experience of users.This is crucial for building a user-friendly and feature-complete website.
Frequently Asked Questions (FAQ)
1. I set a custom URL when creating the "Contact Us" page, can I change it later?Of course you can. To modify the custom URL of the "Contact Us" page, just go back to the "Page Management" interface of the AnQiCMS backend, find the corresponding "Contact Us" page, and click "Edit".In the editing page, find the 'Custom URL' field, change it to the new path, and save it.Please note that changing the URL may affect access to old links, it is recommended to check after the change whether there are any internal links that need to be updated or submit the sitemap to search engines.
How to design a unique layout for the "Contact Us" page that is completely different from the rest of the website?AnQiCMS supports specifying a custom template for a single page.When creating or editing the "Contact Us" page, find the "Page Template" option.You can enter a custom template filename here, for examplecontact_us_template.htmlThen, you need to be in the directory of the theme template you are currently using (usually/template/您的主题名/page/Create this undercontact_us_template.htmlFile, and write your exclusive HTML, CSS, and AnQiCMS tags in this file to build page layout and style.
3. I want to add a Google Map or Baidu Map to the 'Contact Us' page to display my company's location, does AnQiCMS support it?Yes, AnQiCMS fully supports embedding maps on pages. You can achieve this in two ways:
- Embed directly in the page content: Obtain the embedded code provided by map service providers (such as Google Maps, Baidu Maps) (usually a segment of
<iframe>The code label), then paste it into the HTML editor of the 'Contact Us' page's single page content. - Display dynamically through the template: You can add a custom parameter in the "Contact Information Settings", for example named
MapEmbedCodeSet its value to the embedded map code. Then on the custom "Contact Us" page template (such aspage/contact.htmlUse it in{% contact with name="MapEmbedCode" %}Labels to dynamically call and display the map. This way, even if the map code is updated, it only needs to be set once in the background.