Haitang Shimmer Mini Program Operation Manual

It is an honor to participate in the development of the Haitang Shimmer Mini Program. This manual is written to facilitate users to use the mini program and avoid inoperability problems due to operator changes. This program uses uni-app for front-end writing, and the back-end uses "api factory" for docking. Function packages Including "one-click login on WeChat, activity task publishing, activity binding tasks, activity silhouettes, scanning QR code to cancel and obtain points, points mall, points ranking list, points rules, Wish Begonia, task hall, task search, and ongoing tasks", the following is a detailed operation document.

---

Function introduction

There are too many functions, so I write them to you in a separate form. It does not include operating functions, but is just for display. If you are a veteran, you do not need to check it again. If you are a programmer, please review it carefully to avoid bugs in the second version.

cover

The simple and elegant cover is composed of two pictures spliced ​​together. Users can change the pictures in the background, but the quality and size of the pictures must be consistent. The bottom uses a sliding module to show its elegance.

Task release

Task publishing is an important function of this mini program. After the task is published, the user registers for the task. After the registration is successful, the user information will generate avatar, mobile phone number and other related information in the background. The settings for task registration are very detailed. The QR code will be verified on the day when the task is completed. The QR code needs to be printed and downloaded in the background. The user scans the code for the second time to obtain the corresponding points. One code corresponds to different points for the corresponding task.

Task settings

Login backstage: https://admin.it120.cc/ Please consult relevant staff for username and password. This manual does not provide any account password. Click Appointment Registration-Project Settings-Add

Those marked with * are the places that need to be set. The store does not need to be selected. The title is displayed as the name of the activity, and the content part details the tasks that need to be done for this activity.

Project reservation is for users

It is recommended to fill in the registered user here for the user. Let the user log in first and then register. Due to the official WeChat policy document, I cannot force login.

Please set the team setting to not supported. The current interface I have left is to prevent subsequent large-scale tasks that require group participation. The registration time and event time are confirmed by the administrator. For example, the registration time can be one day or one week, and the event start time shall prevail. The event location should be written in text. The display on the mini program page will be more user-friendly. The ones marked with * below are settings for the number of people. The payment fee defaults to 0. The administrator can set it to paid participation in the event.

Reservation points are the points that can be obtained by participating in the activity. Please fill it in according to the actual situation.

completion interval

The interval must be set to prevent users from scanning the code twice in a row. This function can be implemented. After the user scans the code twice, the corresponding task QR code will appear in the background after the task setting is successful. The administrator will print the QR code by himself and provide it to the participants to scan the code. Users who have not registered cannot sign in. The first scan of the code to start the activity is equivalent to the sign-in for the day's event. If the activity time is one hour, it is recommended that the interval be set to 55 minutes. After 55 minutes, the user will scan the code again and automatically obtain the corresponding points.

Content display

activity silhouette

This function provides customers or units with a page for event announcements, awards, important notices, etc. The cover size is generous and aesthetically pleasing. Clicking on the cover content will display the content filled in by the administrator on the back end.

Modify address

Log in to the backend: https://admin.it120.cc/ Please consult the relevant staff for username and password. This manual does not provide any account password.

Click on the relevant location: Home**/CMS module/**Article management, click edit or add after entering. The red * sign is a required option, and select the personal center banner for classification.

Content presentation:

After filling in the content, you can view it by entering the mini program on your mobile phone. Click on the activity silhouette section on the home page.

Points rules

Points rules are a single-page application. Users need to fill in the corresponding rules for points on the backend. Users refer to this rule to complete the task. It is actually a notification bar. The operator can modify the desired content and fill it in according to the actual situation.

Modify address

Log in to the backend: https://admin.it120.cc/ Please consult the relevant staff for username and password. This manual does not provide any account password.

Click on the relevant location: Home**/CMS module/**Single page management, click edit or add after entering. The red * marks are required options. The operator is strictly prohibited from modifying the single page number, otherwise the front-end interface will display abnormally.

Content presentation:

After filling in the content, enter the mini program - Points Rules. The display is as follows. Administrators can add pictures, etc. by themselves. The program has been improved to upload all files.

Points Mall

The points mall is a very complete mall system. In this system, only one payment method of points payment is retained. The mall includes: points purchase, store management, product classification, product write-off and other functions. The following will provide an in-depth tutorial on back-end operations.

• All purchases in the mall must be redeemed with points, and no payment calls are required.

Store management

The stores here refer to multiple stores of the same merchant, such as KFC Chengdong Store, KFC Chengnan Store, KFC City West Store, KFC Chengbei Store, etc. (Note: not multiple merchants). The program has been changed according to the needs to display the products first and then select the pick-up point.

Modify address:

Log in to the backend: https://admin.it120.cc/ Please consult the relevant staff for username and password. This manual does not provide any account password.

Click on the relevant location: Home**/**Mall Management. After entering, click Edit or Add. The red * sign is a required option. The administrator is asked to choose whether to add a store category. The store needs to be entered by the administrator. The following is the entry interface.

Do not start the takeout mode, just enable a self-pickup mode. The province and city are required because the user needs to check the store address for self-pickup. The service distance is set by the administrator. The front-end interface of the mini program will automatically locate the user's location.

Add product

Modify address:

Log in to the background:

https://admin.it120.cc/Please consult relevant staff for username and password. This manual does not provide any account password.

Click on the relevant location: Home **/**Mall Management/**Product Management. After entering, click Edit or Add. The red * marks are required options.

1. Click a single release: After entering the page, fill in the relevant information. Please be sure to select a store. The corresponding products in each store are different. You can also add the same product to multiple stores. For example, a washing powder is only available in a\b\c stores and not in other stores. Then when we add the product, we need to check the store that owns this product. When the user redeems the product, only the store we selected will be displayed.

2. After-sales processing: For products that cannot be returned or exchanged, the administrator should choose whether to support returns or exchanges in the backend, modify the interface, and then go down to the add product interface.

3. Product pictures: Product cover pictures and detail pages must be uploaded, otherwise the front-end will display abnormally, and the back-end program has enabled image uploading (Note: It is recommended that the image be controlled within 90k to avoid slow program loading due to excessively large images)

4. Product pricing and specifications: If the product is a fixed price, you only need to enter the product redemption points in the background, as shown below. Product inventory is a required item. To ensure that the merchant has sufficient supply, it is recommended to set it to 2000.

   SKU setting: This item is a multi-specification product setting, and the operation is a little complicated. For example, Bobo Chicken products now have two flavors: red oil and vine pepper. If you add two products, it will be very troublesome and will make front-end users difficult to operate, so you need to use SKU setting. The front-end display method of the mini program is similar to Taobao and JD.com, making it more convenient for users to choose. The steps are demonstrated below.

   Click to add product specifications:

   

   What is entered here is the name. For example, if you want to enter the flavor, enter the flavor. If you enter the quantity, then enter the quantity;

   Click here to add specific flavors. For example, if I want to add red oil and vine pepper flavors, fill in the following;

   

   This is what it looks like after successful addition

Select the product flavor you need and set it up. The product information here needs to be configured separately and is not related to the inventory price of the previous fixed price;

After the addition is completed, the products will be displayed on the mall page of the mini program, as shown below:

Points ranking

The points ranking is based on the points earned. Users' consumption of points will not affect their ranking. The points ranking is divided into monthly, quarterly, and annual rankings. The rank display will be displayed according to the number of points, stars, moons, and suns, and so on.

Wishful Begonia

This function is a message board. After a user submits a request, the administrator will be reminded to check it through the WeChat public account or DingTalk. The administrator can then set corresponding tasks according to the situation, or contact the submitted user to solve the problem.

Task Hall (Task Search)

The task hall displays the projects that have been added. The project search function on the right is to display the activities carried out on the day. If there are several tasks, several tasks will be displayed.

ongoing tasks

Ongoing tasks display tasks that users have signed up for.