# Supplementary interactive prompts for vertical screen live rooms and optimization of the product list refresh function

**<span style="font-size: 17px;">I. Feature Introduction</span>**

<span style="font-size: 14px;">Added relevant interactive prompts in the vertical-screen live streaming room and supported automatic refresh after opening the product list each time.</span>

<span style="font-size: 14px;">  
</span>

**<span style="font-size: 17px;">II. Purpose of Use</span>**

<span style="font-size: 14px;">Help enliven the atmosphere of the live streaming room and enhance users' experience of watching live streams and making purchases.</span>

**<span style="font-size: 17px;">III. Use Scenarios</span>**

<span style="font-size: 14px;">Add interactive prompts (such as entry prompts, purchasing prompts, sharing prompts, etc.) on the page during vertical-screen live streaming to enliven the atmosphere of the live streaming room and encourage users to engage in more interactive operations (such as clicking on products and sharing the live streaming room).</span>

<span style="font-size: 14px;">Meanwhile, when merchants use live commerce and add products in the background, the product list will automatically refresh when users open it, enhancing users' experience of watching live streams and making purchases.</span>

**<span style="font-size: 17px;">IV. Operation Path</span>**

<span style="font-size: 14px;">Learner's end: WeChat H5 --- Live streaming page</span>

**<span style="font-size: 17px;">V. Usage Tutorial</span>**

**<span style="font-size: 17px;">![图片1.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/31074200_1600084098.png ".png")</span>**

**<span style="font-size: 14px;">Step 1: Enter the \[Vertical-screen Live Streaming\] page</span>**

<span style="font-size: 14px;">1. When users perform the following actions during live streaming (currently only vertical-screen live streaming is supported), corresponding prompts will be displayed:</span>

<span style="font-size: 14px;">· Enter the live streaming room ----&gt; Entry prompt</span>

<span style="font-size: 14px;">· Click on a product ----&gt; Purchasing prompt</span>

<span style="font-size: 14px;">· Successfully purchase a product ----&gt; Purchase success prompt</span>

<span style="font-size: 14px;">· Click the sharing button ----&gt; Sharing prompt</span>

<span style="font-size: 14px;">The styles of each prompt are as shown in the figure below. The interaction actions are as follows: The prompt slides in from left to right to the specified position → stays and displays → fades out in place, and then the next prompt is displayed.</span>

![图片2.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/61464200_1600084132.png ".png")![图片3.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/14926100_1600084146.png ".png")

**<span style="font-size: 14px;">Step 2: Click on the product list</span>**

<span style="font-size: 14px;">On the live streaming page (including both horizontal-screen and vertical-screen live streaming), each time users click to open the product list pop-up window in the live streaming room, the content of this pop-up window will be refreshed.</span>

<span style="font-size: 14px;">![图片4.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/16703400_1600084213.png ".png")</span>