In the operation of a website, sometimes we need to temporarily shut down the website, whether it is for system upgrades, data maintenance, or a brief business adjustment.It is crucial to display a friendly shutdown message to the visitors in this case.This not only informs users of the website status, avoiding unnecessary confusion, but also maintains the brand image and provides clear guidance for search engines.AnQiCMS provides us with a flexible way to customize and display this information.
Enable website shutdown status and set basic prompts
Firstly, you need to set the website to be in closed station status. This is very convenient in the AnQi CMS backend operations:
- Log in to your AnQi CMS backend management interface.
- Find and click on 'Global Function Settings' under 'Backend Settings' in the left navigation bar.
- On the global feature settings page, you will see an option named 'Website Status'. Please change this option from 'Normal Access' to 'Offline Status'.
- Immediately thereafter, in the 'Shut Down Prompt' text box, you can enter a brief prompt message.This information will be the default content that users will see when visiting the website during its shutdown.You can enter plain text, or you can add some basic HTML tags, such as bold, links, etc., to make the information more readable.
After completing the above settings, save the changes. At this point, any user visiting your website will see the content you entered in the 'Site Closure Notice' text box.
Implement advanced offline page design through custom template files
Although the 'Closed Station Prompt' text box can meet basic prompt needs, if you want the closed station page to have a more professional and beautiful design, even integrate brand elements, Anqi CMS allows you to achieve this through custom template files.
The template design of Anqi CMS follows a clear directory structure. Under your template root directory (usually/template/你的模板目录/), there is a special directory for error pages.errors/You can create a file named in this directory.close.htmlOnce the file exists, the system will load and display your customized content preferentially when the website is in the shutdown state.errors/close.htmlTemplate, rather than just displaying the plain text prompt set in the background.
Passerrors/close.htmlTemplate, you can:
- Fully control the page layout and style:You can write a complete HTML structure in it, and link external CSS files or write inline styles directly, to keep the offline page consistent with the overall style of your website.
- Integrate brand elements:Easily add your website's logo, brand colors, fonts, etc., and maintain brand recognition even during site downtime. You can use
{% system with name="SiteLogo" %}Call the website Logo, to use{% system with name="SiteName" %}To display the website name. - Display dynamic information:If you wish to display more detailed or dynamic content on the closed station page, such as maintenance time, expected recovery time, emergency contact information, etc., you can use the template tags of Anqi CMS. For example, you can use
{% contact with name="Cellphone" %}Show the contact phone number, or dynamically obtain and display the specific maintenance end time by customizing parameters in the background global settings. Even if you still want to display the 'site closure prompt' text set in the background, you can also do so in the template by{% system with name="SiteCloseTips" %}tags to call.
For example, a basic oneerrors/close.htmlA template may include the following structure:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网站维护中 - {% system with name="SiteName" %}</title>
<style>
body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; text-align: center; padding: 50px; }
.container { background-color: #fff; margin: 0 auto; padding: 30px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); max-width: 600px; }
h1 { color: #0056b3; }
p { line-height: 1.6; }
.logo { margin-bottom: 20px; }
.logo img { max-width: 150px; height: auto; }
</style>
</head>
<body>
<div class="container">
<div class="logo">
<img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}">
</div>
<h1>网站正在进行维护</h1>
<p>非常抱歉，我们的网站目前正在进行重要的系统升级和数据维护。这有助于我们为您提供更好的服务体验。</p>
<p>预计恢复时间：**具体时间或日期**</p>
<p>如有紧急问题，请联系我们：<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></p>
<p>{% system with name="SiteCloseTips" %}</p> {# 如果您还想显示后台的简短提示 #}
<p>感谢您的耐心等待！</p>
</div>
</body>
</html>
Here are a few practical suggestions
When designing the shutdown prompt information, in order to provide **a good user experience and minimize negative impact as much as possible, you can consider the following points:
- Be clear about the reason and time:Clearly inform users why the website is closed (e.g., system upgrade, feature optimization, data maintenance, etc.) and provide an expected recovery time (e.g., 'Expected to be back to normal access on [specific date/time]').
- Provide an alternative solution or contact information:If the user has an urgent need, providing an alternative contact method, such as email, phone, or social media link, can effectively reduce user churn.
- Maintain brand consistency:Even for temporary closure pages, it should maintain a design consistent with your website and brand style, including Logo, color scheme, and tone, to maintain a professional image.
- Concise and clear:Avoid long or complex text, directly convey the core information, allowing users to understand at a glance.
By making full use of the closed-site functions and template customization capabilities provided by the Anqi CMS, you can easily create professional and user-friendly closed-site notification pages, ensuring good communication with visitors even when the website needs to be temporarily offline.
Common Questions (FAQ)
1. Why can I still see the website content even though it is set to be closed?
If the website is set to closed status and you can still see the content, it is usually due to browser caching.Please try clearing your browser cache, switching to a different browser, or accessing the website in incognito mode.In addition, if you are a website administrator and have logged into the back end, the system may allow you to continue browsing the front end for your convenience.Make sure to perform the test when not logged in.
2. Does the closed site prompt message affect the website's search engine optimization (SEO)?
Reasonable shutdown prompts have a minor impact on SEO.The AnQi CMS usually returns specific HTTP status codes (such as 503 Service Unavailable) when handling a shutdown, informing search engines that the website is temporarily closed and to come back later for crawling.At the same time, a well-designed shutdown page that clearly states the reason for the shutdown and the expected recovery time can also help search engines understand the temporary status of the website, avoiding misjudgment as a permanent shutdown, thereby reducing the negative impact on rankings.
3. Can I set different shutdown prompt information for different sites or pages?
The 'Global Function Settings' of 'AnQi CMS' includes 'Site Closure Status' and 'Site Closure Tip', which are global settings for the entire website. And template fileserrors/close.htmlIt is also a global shutdown page template.This means that when the website is in a closed state, all visits will be directed to the same closed page.siteIdThis is to dynamically display different content, but it will increase the complexity of the template.For different pages within a single site, the shutdown feature of Anqi CMS currently does not support setting a shutdown prompt for each page individually.