How to upload and manage the WeChat QR code picture of the website on the AnQiCMS backend?

As a website manager who deeply understands the operation of AnQiCMS, I know the importance of every detail for user experience and website performance.WeChat QR code serves as an important bridge connecting users with brands, and its display and management on the website should not be neglected.AnQiCMS provides an intuitive and efficient way to handle this requirement, ensuring that your users can conveniently interact with you through WeChat.

Locate the WeChat QR code upload entry on the AnQiCMS backend

In the AnQiCMS management background, you can find the configuration items related to the WeChat QR code by accessing the "Background Settings" menu on the left navigation bar and then clicking to enter the "Contact Information SettingsThis area is specifically used for centrally managing various contact information displayed on the website, including phone numbers, email addresses, social media accounts, and the WeChat QR codes we follow.

On the "Contact Settings" page, you will see a series of preset contact information fields.Where the "WeChat ID" is used to fill in your WeChat account, and the "WeChat QR code" field is the key location for us to upload and manage WeChat QR code images.

Upload process for WeChat QR code images

It is a simple and clear process to upload your WeChat QR code image.Next to the 'WeChat QR code' field, there is usually a button to upload or select an image.Click the button, and the system will pop up the picture management interface.

You can choose two ways to process your QR code images:

• Directly upload a new image:If your WeChat QR code image has not been uploaded to the AnQiCMS image resource library, you can directly select and upload it from your local computer.The system will automatically add this image to your website's image library and associate its path with the 'WeChat QR Code' field.
• Select from existing resources:If your WeChat QR code image already exists in the AnQiCMS image resource library (for example, if you have previously uploaded it through the 'Page Resources' under the 'Image Resource Management' feature), you can directly browse and select the required QR code image in the pop-up image management interface.

No matter which method you choose, after the image is successfully uploaded or selected, remember to click the 'Save' button at the bottom of the page to ensure that your settings take effect.At this time, AnQiCMS will store the path of the QR code image you specify for the front-end of the website to call.

Daily management and update of WeChat QR code images

Managing WeChat QR code images mainly involves updating images and keeping the image resource library organized.

• Update WeChat QR code images:With the change of WeChat account or the update of the QR code style, you may need to replace the QR code displayed on the website.The update operation is similar to the first upload, just enter the "background settings" -> "contact information settingsThe system will overwrite the original image path settings, and the website front-end will automatically display the latest QR code.
• Manage the QR code resource library:After you upload a new QR code image, the old QR code image will not be automatically deleted from the server. They will be retained in the 'Image Resource Management' of AnQiCMS.If you wish to completely delete the old QR code images that are no longer in use to save storage space or avoid confusion, you can go to the 'Page Resources' under the 'Image Resource Management' module.Here, you can find and delete a specific QR code image file as you would manage other images.Please note that before deleting the image resource, you must confirm that the image has not been referenced by other parts of the website to avoid display issues.

Display the WeChat QR code on the website front end

After completing the upload and management on the back-end, the next step is to ensure that the WeChat QR code can be displayed correctly on the front end of your website.AnQiCMS template system provides convenient tags to call these settings.

In your website template file (for example, in the footer, contact us page, or sidebar, etc., where you need to display a QR code), you can use the following template tag to dynamically output a WeChat QR code image:

<img src="{% contact with name="Qrcode" %}" alt="微信二维码" />

This label will automatically retrieve the WeChat QR code image address configured in the background "Contact Information Settings" and display it in the corresponding location.In this way, you can flexibly control the display style and position of the QR code, ensuring that it perfectly integrates with your website design style and effectively guides users to interact with WeChat.

By following these steps, you can efficiently upload, manage, and display your WeChat QR code image in AnQiCMS, providing website visitors with a convenient social media interaction entry point.

Frequently Asked Questions (FAQ)

1. I want to display different WeChat QR codes on different pages of the website, does AnQiCMS support this?AnQiCMS default contact information settings only provide a unified WeChat QR code field.If you need to display different QR codes on different pages, you can achieve this in two ways: First, use the "Custom Parameter Setting" feature of AnQiCMS in the "Contact Information Settings" to add an additional image field, and configure different QR code image paths for each page;The second method is to directly insert the required QR code image into the editor of "Page Management" or "Document Management", but this method requires you to manually maintain the QR codes for each page.

2. Why did I update the WeChat QR code on the back end, but the old image is still displayed on the front-end website?This could be due to browser cache or system cache.First, you can try clearing your browser cache and refreshing the page.If the problem still exists, please log in to the AnQiCMS backend, click the 'Update Cache' function at the bottom of the left menu, manually clean the system cache, and then check the front-end page again.

3. Will the size of the WeChat QR code image I uploaded affect the website loading speed? Does AnQiCMS have any optimization measures?Yes, large image sizes can affect website loading speed.AnQiCMS provides some image optimization features in the "Content Settings", such as "Whether to automatically compress large images" and "Whether to enable Webp image format".You can enable these settings to automatically compress the uploaded images or convert them to a smaller Webp format.For the uploaded images, AnQiCMS also provides the "batch regenerate thumbnails" feature, which can help you uniformly optimize the size of images.Please optimize the image to an appropriate size, such as 200x200 pixels, before uploading the QR code image, to ensure loading speed and display quality.