How to create and manage multiple homepage Banner groups in the AnQi CMS backend?

As an experienced website operations expert, I am well aware of the importance of the homepage banner to the website.It is not only the 'first impression' of the website, but also the visual focus for guiding users, conveying core information, and achieving marketing goals.In AnQiCMS (AnQiCMS), the flexible Banner grouping management function provides strong support for our refined operation and improvement of user experience.

Guide to driving the visual focus of the homepage: How to create and efficiently manage multiple Banner groups in Anqi CMS

The AnQi CMS is an enterprise-level content management system developed based on the Go language, which is efficient and easy to expand. It performs excellently in content publishing, multi-site management, and SEO optimization.It not only pays attention to technical performance, but also provides many conveniences for users in the details of content operation, such as its refined grouping management of the homepage Banner, which is a manifestation of its strength.By reasonably planning and managing these visual elements, we can more effectively capture the attention of users and achieve marketing goals.

1. Why is it necessary to manage the homepage Banner in groups?

The traditional Banner management method often involves stacking all Banners together, which can present many challenges in website operation. The multi-Banner grouping capability provided by Anqi CMS can help us address these challenges and bring significant operational advantages:

• Strategic display, to cope with diverse marketing activities:The website operation often accompanies various activities, such as the Spring Festival promotion, summer new product launch, Double Eleven狂欢, anniversary celebration, etc.By creating different Banner groups, we can easily switch the entire set of Banners according to the theme of the event, avoiding the麻烦 and risk of manual replacement and ensuring the timeliness and accuracy of information delivery.
• Content differentiation, meeting the needs of different regional or user groups:Imagine a website with multilingual capabilities or one tailored for different market regions, the content of the homepage banner must be customized.By grouping, we can configure exclusive banners for different language versions or market areas to achieve more precise content placement.
• Data analysis and optimization, driving decision-making:After grouping the banners, we can more clearly track the effect of each banner in the group.For example, compare the click-through rate and conversion rate of the "New Product Recommendation Group" and the "Flash Sale Group", thereby adjusting the design strategy, optimizing the copy, and even guiding the future marketing direction.
• Keep the website vibrant, enhance the freshness of users:Regularly updating and rotating banner content can bring a sense of freshness to users and avoid visual fatigue.Multiple group management makes this rotation easy, we can prepare multiple theme Banner groups in advance and go live as needed.

Second, create and configure Banner groups in the Anqi CMS backend

In Anqi CMS, creating and managing the homepage Banner group is an intuitive and efficient process.Although the specific menu path may vary slightly due to version updates, the core logic and operation steps are the same.usually, you can log in to the background management interface"Page Resources"or“Function Management”In the module, search for similar"Banner Management"/“Carousel Settings”or“Ad Space Management”Entry.”

1. Create a new Banner group:

   • After entering the Banner management interface, you will see a list used to manage existing Banner groups.Find the button labeled "Add Group" or "Create a Banner Group" and similar.
   • Click and the system will prompt you to name the new Banner group. This name is crucial, as it is not only the identifier for backend management, but also the unique 'key' (i.e., ）that you use to call this group in your website template.typeThe value of the parameter).It is recommended to use descriptive names, such as 'Home Main Push Banner', 'New Product Carousel', 'Festival Promotion Banner', etc., in order to distinguish and remember.

2. Manage the Banner image content within the group:

   • After successfully creating a group, enter the detail page of the group, and you can start uploading and configuring specific Banner images.The Anqi CMS usually provides a convenient image upload tool, you can directly upload new images, or select from the existing image resource library.
   • Set Banner image details:For each Banner image, you need to complete the following information to ensure its correct display and **effect:**
     • Image (Logo): Select or upload a high-quality Banner image you have carefully designed.
     • Link (Link)This is one of the core functions of the Banner. Set a clear jump link to guide users to the landing page you want to promote, such as the product details page, event page, etc.
     • Description: Briefly describe the Banner content, which helps you quickly understand the purpose of the Banner in the background.
     • ALT text (Alt): Add descriptive text to the image (for example, "AnQi CMS new version released").This is crucial for SEO optimization and accessibility, allowing users to understand the image content even when the image fails to load, while also helping search engines better understand the image information.
   • Sorting and enable / disable: Within the group, you can freely adjust the display order of the Banner, usually by dragging or setting numerical weights.In addition, you can flexibly enable or disable a Banner so that it can be displayed or hidden on the front end without deleting it, which provides convenience for A/B testing and content rotation.

The third, flexibly call Banner grouping in the website template

In Anqi CMS, display these carefully prepared Banner groups on the website front-end, which requires the use of its powerful template tag system. The core lies in usingbannerListLabel, and throughtypeThe parameter specifies the Banner group to be called.

1. bannerListTag Overview: bannerListTags are used to obtain the key for the home page banner list.It will return an array object containing all the Banner information that meets the conditions, and you can iterate over this array to display each Banner one by one.How to use:{% bannerList 变量名称 %}For example{% bannerList banners %}.

2. Call the default group:If you use it directly in the templatebannerListlabel without specifyingtypeParameter, AnQi CMS will default to calling the Banner group named "default".Therefore, it is a good habit to ensure that you have at least one group named "default" and place the basic Banner in it.

   {# 调用默认Banner分组的示例代码 #}
   {% bannerList banners %}
       {% for item in banners %}
       <a href="{{item.Link}}" target="_blank">
           <img src="{{item.Logo}}" alt="{{item.Alt}}" />
           <h5>{{item.Title}}</h5>
       </a>
       {% endfor %}
   {% endbannerList %}
   

3. Call the specified group:BytypeParameter, you can accurately call any Banner group you create in the background. Just bytypeThe value of the parameter should be set to the group name you named in the background. For example, if you create a group named "New Product Release Carousel" in the background and add multiple Banner images to it, you can call it in the template like this:

   {# 调用名为“新品发布轮播”的Banner分组示例代码 #}
   {% bannerList banners with type="新品发布轮播" %}
       {% for item in banners %}
       <a class="banner-item {% if forloop.Counter == 1 %}active{% endif %}" href="{{item.Link}}" target="_blank">
           <img src="{{item.Logo}}" alt="{{item.Alt}}" />
           <div class="banner-title">{{item.Title}}</div>
       </a>
       {% empty %}
       <p>当前“新品发布轮播”分组中暂无Banner图片。</p>
       {% endfor %}
   {% endbannerList %}
   

   A little trick: I added in the above code,forloop.Counter == 1This judgment,